.portfolio-item{background-color:var(--accordion-bg);border:1px solid var(--main);border-radius:.5rem;max-width:100%;height:-moz-fit-content;height:fit-content;margin-bottom:1.5rem;transition:transform .5s;overflow:hidden}.portfolio-item:hover{transform:scale(1.01)}.portfolio-item__image-container{aspect-ratio:16/9;background-color:var(--background);width:100%;position:relative;overflow:hidden}.portfolio-item__image-wrapper{background-color:#000;justify-content:center;align-items:center;width:100%;height:100%;display:flex;position:relative}.portfolio-item__loading-overlay{z-index:10;background-color:rgba(0,0,0,.3);justify-content:center;align-items:center;width:100%;height:100%;display:flex;position:absolute;top:0;left:0}.portfolio-item__image{object-fit:contain;object-position:center;background-color:#000;border:2px solid #000;border-radius:.5rem;width:-moz-fit-content;width:fit-content;height:100%;transition:transform .5s}.portfolio-item__image video{border:1px solid #fff}.portfolio-item:hover .portfolio-item__image{transform:scale(1.01)}.portfolio-item__view-controls{background-color:var(--modal-bg);border:1px solid var(--main);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:.5rem;gap:.5rem;padding:.5rem;display:flex;position:absolute;bottom:1rem;left:50%;transform:translate(-50%)}.portfolio-item__view-btn{color:var(--main);cursor:pointer;background:0 0;border:none;border-radius:.25rem;justify-content:center;align-items:center;min-width:2rem;min-height:2rem;padding:.5rem;transition:all .2s;display:flex}.portfolio-item__view-btn:hover{background-color:var(--accordion-content-light);color:var(--secondary)}.portfolio-item__view-btn.active{background-color:var(--main);color:var(--background)}.portfolio-item__view-btn svg{width:16px;height:16px}.portfolio-item__content{padding:1.5rem}.portfolio-item__title{color:var(--main);font-family:var(--primary-font);margin:0 0 .75rem;font-size:1.25rem;font-weight:600;line-height:1.3}.portfolio-item__description{color:#ccc;font-family:var(--secondary-font);margin:0 0 1rem;font-size:.95rem;line-height:1.5}.portfolio-item__plan{margin-bottom:1.5rem}@media (max-width:768px){.portfolio-item{margin-bottom:1.25rem}.portfolio-item__content{padding:1.25rem}.portfolio-item__title{font-size:1.1rem}.portfolio-item__description{font-size:.9rem}.portfolio-item__view-controls{gap:.375rem;padding:.375rem;bottom:.75rem}.portfolio-item__view-btn{min-width:1.75rem;min-height:1.75rem;padding:.375rem}.portfolio-item__view-btn svg{width:14px;height:14px}}@media (max-width:576px){.portfolio-item{margin-bottom:1rem}.portfolio-item__content{padding:1rem}.portfolio-item__title{font-size:1rem}.portfolio-item__description{font-size:.85rem}}
.portfolio-page{min-height:100vh}.portfolio-page .row{margin-bottom:2rem}.portfolio-page__subtitle{color:#fff;font-family:var(--secondary-font);max-width:800px;margin:0 auto;font-size:1.1rem;line-height:1.6}@media (max-width:768px){.portfolio-page__subtitle{padding:0 1rem;font-size:1rem}}@media (max-width:576px){.portfolio-page__subtitle{font-size:.95rem}}