.portfolio-list .icon,.portfolio-list .portfolio-item,.portfolio-list .portfolio-link,.portfolio-list .portfolio-thumbnail,.portfolio-list .portfolio-thumbnail img,.portfolio-list .portfolio-title{transition:all .3s ease}.portfolio-list .portfolio-item{font-size:.875rem;color:hsl(0,0%,65%);line-height:1.2;text-align:left;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px)}.portfolio-list .portfolio-item:hover{color:#fff}.portfolio-list .portfolio-title,.portfolio-list .portfolio-year{font-weight:500}.portfolio-list .portfolio-title{font-size:1rem;color:#fff}.portfolio-list .portfolio-thumbnail{display:flex;align-items:center;justify-content:center;aspect-ratio:1.6/1;overflow:hidden}.portfolio-list .portfolio-thumbnail img{width:100%;height:100%;object-fit:cover;display:block}.portfolio-list .portfolio-thumbnail .no-img{width:4rem;height:4rem;opacity:.2;mix-blend-mode:difference}.portfolio-list .portfolio-thumbnail .no-img img{width:100%;height:100%;object-fit:contain}.portfolio-list .portfolio-link{display:flex;justify-content:center;align-items:center}.portfolio-list .portfolio-link .icon{width:1rem;height:1rem;color:#fff}.portfolio-list .portfolio-tags{display:flex;flex-wrap:wrap;gap:.3rem}.portfolio-list.type-grid .portfolio-item{display:flex;flex-direction:column;gap:.375rem;border-radius:.375rem}.portfolio-list.type-grid .portfolio-item:hover .portfolio-link{background-color:rgba(164,134,255,.6)}.portfolio-list.type-grid .portfolio-item:hover .portfolio-link .icon{color:#fff}.portfolio-list.type-grid .portfolio-item:hover .portfolio-thumbnail{transform:scale(1.05)}.portfolio-list.type-grid .portfolio-thumbnail{position:relative;margin-bottom:.75rem;border-radius:.375rem}.portfolio-list.type-grid .portfolio-link{position:absolute;top:5px;right:5px;width:1.5rem;height:1.5rem;background-color:rgba(10,10,10,.2);border-radius:.25rem}.portfolio-list.type-grid .portfolio-info{display:flex;justify-content:space-between}.portfolio-list.type-grid .portfolio-info .portfolio-year{margin-top:.1rem}.portfolio-list.type-grid .portfolio-title{font-size:1.125rem}.portfolio-list.type-grid .portfolio-tags{margin-top:.5rem}@media(max-width:991.9px){.portfolio-list.type-grid .portfolio-tags{display:none}}.portfolio-list.type-list{display:flex;flex-direction:column;gap:.75rem}.portfolio-list.type-list .portfolio-item{display:grid;grid-template-columns:2.5rem auto 2fr 2fr 10rem 1rem;grid-gap:1rem;gap:1rem;align-items:center;padding:.9rem 1rem .9rem 20px;border-radius:.375rem;border:1px solid hsla(0,0%,100%,.15)}.portfolio-list.type-list .portfolio-item:hover{border-color:rgba(164,134,255,.5);background:radial-gradient(50% 300% at 30% 80%,rgba(164,134,255,.2) 0,rgba(255,255,255,.05) 100%)}.portfolio-list.type-list .portfolio-thumbnail{margin:-5px 0;width:80px;border-radius:.25rem}.portfolio-list.type-list .portfolio-thumbnail .no-img{width:1.5rem;height:1.5rem}.portfolio-list.type-list .portfolio-tags{justify-content:flex-start;flex-wrap:wrap}.portfolio-list.type-list .portfolio-company{text-align:right}@media(max-width:991.9px){.portfolio-list.type-list .portfolio-item{grid-template-columns:2.25rem auto 1fr 1rem}.portfolio-list.type-list .portfolio-tags,.portfolio-list.type-list .portfolio-thumbnail{display:none}}