.portfolio__container{grid-template-columns:repeat(3,max-content);justify-content:center;gap:1.5rem;max-width:1200px;margin:2rem auto 0;padding:0 1rem;display:grid}.portfolio__filters{margin-bottom:var(--mb-2);flex-wrap:wrap;justify-content:center;align-items:center;column-gap:.75rem;padding:0 1rem;display:flex}.portfolio__filter-item{cursor:pointer;color:var(--title-color);font-weight:var(--font-medium);text-transform:capitalize;border-radius:.5rem;padding:.25rem .75rem;transition:all .3s}.portfolio__filter-item:hover,.active-filter{background-color:var(--title-color);color:var(--container-color)}.portfolio__card{background-color:var(--container-color);border:1px solid #0000001a;border-radius:.75rem;flex-direction:column;width:280px;margin:0 auto;padding:1rem;transition:transform .3s,box-shadow .3s;display:flex}.portfolio__card:hover{transform:translateY(-8px);box-shadow:0 8px 30px #0000001a}.portfolio__image-container{width:100%;height:140px;margin-bottom:var(--mb-0-5);border-radius:.75rem;position:relative;overflow:hidden}.portfolio__placeholder-image,.portfolio__image{object-fit:cover;border-radius:.75rem;width:100%;height:100%}.portfolio__placeholder-image{background:linear-gradient(45deg,#f3f3f3,#e0e0e0)}.portfolio__content{flex-direction:column;flex:1;padding:.75rem .25rem;display:flex}.portfolio__title{font-size:var(--small-font-size);font-weight:var(--font-medium);margin-bottom:var(--mb-0-25);color:var(--title-color);width:100%}.portfolio__description{font-size:var(--smaller-font-size);color:var(--text-color);margin-bottom:var(--mb-0-5);--webkit-line-clamp:2;--webkit-box-orient:vertical;width:100%;line-height:1.4;display:-webkit-box;overflow:hidden}.portfolio__tags{flex-wrap:wrap;gap:.5rem;margin-bottom:.75rem;display:flex}.portfolio__tag{font-size:var(--smaller-font-size);color:var(--title-color);font-weight:var(--font-medium);background-color:#0000000d;border-radius:2rem;padding:.25rem .5rem;display:inline-block}.portfolio__links{gap:1rem;margin-top:1.5rem;display:flex}.portfolio__link{cursor:pointer;border:none;border-radius:.5rem;align-items:center;gap:.5rem;padding:.6rem 1.2rem;font-family:inherit;font-size:.9rem;font-weight:500;transition:all .3s;display:flex;box-shadow:0 2px 10px #0000001a}.portfolio__details-button{background:linear-gradient(135deg,var(--first-color),var(--first-color-alt));color:#000;text-shadow:0 1px 1px #0003;font-weight:600}.portfolio__details-button:hover{background:linear-gradient(135deg,var(--first-color-alt),var(--first-color));box-shadow:0 5px 15px rgba(var(--first-color-rgb),.4);transform:translateY(-3px)}.portfolio__demo-button{color:var(--title-color);border:2px solid var(--first-color);background:0 0;text-decoration:none}.portfolio__demo-button:hover{background:rgba(var(--first-color-rgb),.05);color:var(--first-color);box-shadow:0 5px 15px rgba(var(--first-color-rgb),.15);transform:translateY(-3px)}.portfolio__link-icon{font-size:1rem;transition:transform .3s}.portfolio__link:hover .portfolio__link-icon{transform:translate(3px)}.portfolio__demo-button:hover .portfolio__link-icon{transform:translate(2px,-2px)}.portfolio__modal{z-index:var(--z-modal);opacity:0;visibility:hidden;background:#00000080;justify-content:center;align-items:center;padding:0 1rem;transition:all .3s;display:flex;position:fixed;inset:0}.portfolio__modal.active{opacity:1;visibility:visible}.portfolio__modal-content{background-color:var(--container-color);border-radius:1.5rem;width:500px;max-width:90%;max-height:85vh;padding:2rem;position:relative;overflow-y:auto}.portfolio__modal-close{color:var(--title-color);cursor:pointer;background:0 0;border:none;font-size:1.5rem;position:absolute;top:1.5rem;right:1.5rem}.portfolio__modal-title{text-align:center;font-size:var(--h3-font-size);font-weight:var(--font-medium);margin-bottom:var(--mb-1-5)}.portfolio__modal-img{width:100%;margin-bottom:var(--mb-1);border-radius:1rem;overflow:hidden}.portfolio__modal-img img{border-radius:1rem;width:100%}.portfolio__modal-description{font-size:var(--normal-font-size);margin-bottom:var(--mb-1-5);line-height:1.6}.portfolio__modal-tech{margin-bottom:var(--mb-1-5)}.portfolio__modal-tech h4{font-size:var(--normal-font-size);margin-bottom:var(--mb-0-75)}.portfolio__modal-tech-list{flex-wrap:wrap;gap:.5rem;display:flex}.portfolio__modal-tech-item{color:var(--title-color);font-size:var(--small-font-size);background-color:#0000000d;border-radius:.5rem;padding:.25rem .75rem}.portfolio__modal-buttons{flex-wrap:wrap;gap:1rem;margin-top:2rem;display:flex}.portfolio__modal-button{background-color:var(--title-color);color:var(--container-color);font-weight:var(--font-medium);border-radius:.5rem;align-items:center;gap:.5rem;padding:.8rem 1.5rem;font-size:1rem;font-weight:500;text-decoration:none;transition:all .3s;display:flex;box-shadow:0 4px 10px #0000001a}.portfolio__modal-button:hover{background-color:var(--title-color-dark)}.portfolio__modal-button:first-child{background:linear-gradient(135deg,var(--first-color),var(--first-color-alt));color:#fff}.portfolio__modal-button:first-child:hover{box-shadow:0 6px 15px rgba(var(--first-color-rgb),.4);transform:translateY(-3px)}.portfolio__modal-button-source{background-color:var(--container-color);border:1px solid var(--title-color);color:var(--title-color);border:2px solid var(--first-color);background:0 0}.portfolio__modal-button-source:hover{color:var(--first-color);background-color:#0000000d;background:rgba(var(--first-color-rgb),.05);box-shadow:0 6px 15px rgba(var(--first-color-rgb),.15);transform:translateY(-3px)}.dark-theme .portfolio__card{background-color:var(--dark-container-color);border-color:#ffffff1a}.dark-theme .portfolio__placeholder-image{background:linear-gradient(45deg,#2a2a2a,#1a1a1a)}.dark-theme .portfolio__tag,.dark-theme .portfolio__modal-tech-item{background-color:#ffffff1a}.dark-theme .portfolio__modal-content{background-color:var(--dark-container-color)}.dark-theme .portfolio__modal-button-source{background-color:var(--dark-container-color);border-color:var(--dark-title-color);color:var(--dark-title-color)}.dark-theme .portfolio__modal-button-source:hover{background-color:#ffffff1a}.dark-theme .portfolio__demo-button{color:var(--dark-title-color);border-color:var(--first-color)}.dark-theme .portfolio__demo-button:hover{background:rgba(var(--first-color-rgb),.1);color:var(--first-color);box-shadow:0 5px 15px rgba(var(--first-color-rgb),.2)}.dark-theme .portfolio__modal-button-source{color:var(--dark-title-color);border-color:var(--first-color)}.dark-theme .portfolio__modal-button-source:hover{background:rgba(var(--first-color-rgb),.1);color:var(--first-color);box-shadow:0 6px 15px rgba(var(--first-color-rgb),.2)}.dark-theme .portfolio__details-button{color:#fff}@media screen and (max-width:992px){.portfolio__container{grid-template-columns:repeat(2,max-content);gap:1rem;padding:0 2rem}}@media screen and (max-width:768px){.portfolio__container{grid-template-columns:max-content;padding:0 1.5rem}}@media screen and (max-width:576px){.portfolio__container{grid-template-columns:1fr;padding:0 1rem}.portfolio__card{width:100%;max-width:280px;margin:0 auto}.portfolio__image-container{width:100%;height:160px}.portfolio__modal-buttons{flex-direction:column}}@media screen and (max-width:350px){.portfolio__filter-item{font-size:var(--small-font-size)}.portfolio__filters{column-gap:.2rem;margin-left:.25rem}.portfolio__links{flex-direction:column}}:root{--first-color-rgb:108,93,211;--title-color-rgb:51,51,51;--dark-title-color-rgb:242,242,242}