.portfolio-card{position:relative;width:100%;min-height:96vh;display:flex;align-items:center;justify-content:center;padding:2.5rem 2rem;overflow:hidden;border-radius:2rem;box-shadow:0 25px 50px -12px rgba(0,0,0,.25)}.portfolio-card__background-mask{width:100%;height:100%;-webkit-mask-image:url(/_next/static/media/shape.34d4a96d.png);mask-image:url(/_next/static/media/shape.34d4a96d.png);mask-size:cover;mask-position:center;-webkit-mask-position:center;-webkit-mask-size:cover;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat}.portfolio-card__background{position:absolute;top:0;left:0;width:100%;height:100%;z-index:-1}.portfolio-card--light{color:var(--base-450)}.portfolio-card--light .tag--light{color:var(--base-450);background-color:rgba(0,0,0,.08)}.portfolio-card--dark{color:var(--base-200)}.portfolio-card__background{background-color:var(--base-200)}.portfolio-card--dark .portfolio-card__background{background-color:var(--base-450)}.portfolio-card__background-image{object-fit:cover}.portfolio-card__content{display:grid;grid-template-columns:1fr;grid-gap:1rem;gap:1rem;width:100%;max-width:80rem;z-index:10}.portfolio-card__text{display:flex;flex-direction:column;justify-content:center;text-align:left;background:var(--base-200);border-radius:2rem;padding:2rem;gap:.25rem}.portfolio-card--dark .portfolio-card__text{background:var(--base-450)}.portfolio-card__number{font-size:4rem;font-weight:700;line-height:1}.portfolio-card--light .portfolio-card__tag{background-color:rgba(0,0,0,.3)}.portfolio-card__title{font-weight:900;text-transform:uppercase}.portfolio-card__description{max-width:28rem}.portfolio-card__button{display:inline-flex;align-items:center;gap:.5rem;padding:1rem 2rem;border-radius:9999px;font-size:1rem;font-weight:700;transition:all .3s ease;align-self:flex-start;text-decoration:none}.portfolio-card__button--light{background-color:#000000;color:#ffffff}.portfolio-card__button--dark{background-color:#ffffff;color:#000000}.portfolio-card__button:hover{background-color:var(--color-primary,#9EF01A);color:#ffffff}.portfolio-card__image-section{position:relative;display:flex;align-items:center;justify-content:center}.portfolio-card__image-container{width:100%;max-width:36rem;border-radius:1rem;overflow:hidden;box-shadow:0 25px 50px -12px rgba(0,0,0,.25)}.portfolio-card__image{width:100%;height:auto;display:block;aspect-ratio:4/3}.portfolio-card__deadline{position:absolute;bottom:-20px;left:-16px;background-color:rgba(0,0,0,.3);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);color:#ffffff;padding:1.5rem;border-radius:1.5rem;max-width:18rem;box-shadow:0 25px 50px -12px rgba(0,0,0,.25);border:1px solid rgba(255,255,255,.1)}.portfolio-card__deadline-header{display:flex;align-items:center;gap:.75rem}.portfolio-card__deadline-title{font-weight:700;font-size:1rem;text-transform:uppercase;letter-spacing:.05em;margin:0}.portfolio-card__deadline-text{font-size:.875rem;opacity:.8}.portfolio-card__deadline-progress{display:flex;align-items:center;justify-content:flex-start}.portfolio-card__progress-circle{position:relative;width:6rem;height:6rem}.portfolio-card__progress-svg{width:100%;height:100%}.portfolio-card__progress-bg{color:rgba(255,255,255,.1)}.portfolio-card__progress-fill{color:#a855f7}.portfolio-card__progress-text{position:absolute;inset:0;display:flex;align-items:center;justify-content:center}.portfolio-card__progress-percentage{font-size:2rem;font-weight:700}@media (min-width:768px){.portfolio-card__content{grid-template-columns:1fr 1fr;align-items:center}}@media (max-width:767px){.portfolio-card{padding:1.5rem 1rem}.portfolio-card__number{font-size:4rem}.portfolio-card__description{font-size:1rem}.portfolio-card__deadline{margin-top:1rem;max-width:50%;right:16px;left:auto}.portfolio-card__image-section{position:relative;flex-direction:column}}@media (max-width:480px){.portfolio-card__number{font-size:3rem}.portfolio-card__text{padding:1rem}.portfolio-card__tags{flex-direction:column;align-items:flex-start}.portfolio-card__tag{font-size:.75rem;padding:.375rem .75rem}.portfolio-card__image-section{max-height:220px}}.portfolio-filter-wrapper{gap:.5rem;padding:2rem 0}.filter-nav-button,.portfolio-filter-wrapper{display:flex;align-items:center;justify-content:center}.filter-nav-button{background:transparent;border:1px solid var(--base-300);color:var(--base-200);width:40px;height:40px;border-radius:50%;cursor:pointer;font-size:1.2rem;transition:all .3s ease;flex-shrink:0}.filter-nav-button:hover{background-color:var(--brand-green-tertiary);color:var(--base-450);border-color:var(--base-200)}.filter-nav-button:disabled{opacity:.3;cursor:not-allowed}.portfolio-filter-container{width:100%;max-width:80%;overflow:hidden}.portfolio-filter-list{display:inline-flex;align-items:center;gap:2rem;will-change:transform;position:relative}.filter-item{text-transform:uppercase;font-size:2.5rem;cursor:pointer;opacity:.5;transition:opacity .3s ease;white-space:nowrap;color:var(--base-200)}.filter-item:hover{opacity:.8}.filter-item.active{opacity:1;font-weight:600}@media (max-width:600px){.filter-item{font-size:2.5rem}}.sticky-cards-container{position:relative;width:100%;min-height:100vh}.sticky-card{position:relative;width:100%;height:98svh;display:flex;gap:3rem;will-change:transform;border-radius:2rem}.sticky-card:after{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background-color:rgba(0,0,0,.5);opacity:var(--after-opacity,0);transition:opacity .1s ease;pointer-events:none;z-index:2;border-radius:2rem}.card-index{flex:2 1}.card-content{flex:4 1;padding-top:1.5rem}.card-content-wrapper{width:75%;display:flex;flex-direction:column;gap:1.5rem}.card-header{width:75%}.card-img img{aspect-ratio:5/3;width:100%;height:100%;object-fit:cover}.card-copy{display:flex;gap:1.5rem}.card-copy-title{flex:2 1}.card-copy-description{flex:4 1}.card-copy-title p{text-transform:uppercase;font-weight:650}@media (max-width:1000px){.sticky-card{flex-direction:column;gap:0}.card-content-wrapper{width:100%}.card-copy{flex-direction:column;gap:.5rem}.card-index{flex:1 1}}