.nb-portfolio{--nb-portfolio-hover-fill:#f8f5f2;--nb-portfolio-noise-opacity:0.9;--nb-portfolio-noise-speed:0.3s;--nb-portfolio-fill-in:0.2s;--nb-portfolio-fill-out:0.8s;--nb-portfolio-zoom-duration:0.8s;position:relative;width:100%;height:100vh;background-color:#1a1917;color:#f8f5f2;display:flex;align-items:center;justify-content:center;overflow:hidden}.nb-portfolio__bg-container{position:absolute;top:0;left:0;width:100%;height:100%;z-index:0;overflow:hidden;pointer-events:none}.nb-portfolio__bg-image{position:absolute;top:0;left:0;width:100%;height:100%;object-fit:cover;transform:scale(1.2);transition:transform var(--nb-portfolio-zoom-duration) cubic-bezier(.25,.46,.45,.94);opacity:0}.nb-portfolio__bg-image:not([src]){display:none}.nb-portfolio__noise{position:absolute;top:-50%;left:-50%;width:200%;height:200%;background:#fff0 url(https://assets.iceable.com/img/noise-transparent.png) repeat 0 0;background-size:300px 300px;animation:nb-portfolio-noise var(--nb-portfolio-noise-speed) steps(5) infinite;opacity:var(--nb-portfolio-noise-opacity);will-change:transform;z-index:50;pointer-events:none}@keyframes nb-portfolio-noise{0%{transform:translate(0,0)}10%{transform:translate(-2%,-3%)}20%{transform:translate(-4%,2%)}30%{transform:translate(2%,-4%)}40%{transform:translate(-2%,5%)}50%{transform:translate(-4%,2%)}60%{transform:translate(3%,0)}70%{transform:translate(0,3%)}80%{transform:translate(-3%,0)}90%{transform:translate(2%,2%)}100%{transform:translate(1%,0)}}.nb-portfolio__container{width:100%;max-width:1000px;height:100%;display:flex;align-items:center;justify-content:center;z-index:10;position:relative}.nb-portfolio__projects{width:100%;position:relative;z-index:10;max-height:80vh;overflow-y:auto;padding:20px;scrollbar-width:none;-ms-overflow-style:none}.nb-portfolio__projects::-webkit-scrollbar{display:none}.nb-portfolio__item{position:relative;display:flex;justify-content:space-between;align-items:center;padding:.7rem 0;cursor:pointer;text-decoration:none;color:inherit}.nb-portfolio__item:hover{color:inherit;text-decoration:none}.nb-portfolio__title,.nb-portfolio__date{font-size:1.8rem;font-weight:700;text-transform:uppercase;letter-spacing:-.03em;position:relative;z-index:2;mix-blend-mode:exclusion;margin:0;line-height:1.2}.nb-portfolio__item::before{content:"";position:absolute;bottom:0;left:0;width:100%;height:0;background-color:var(--nb-portfolio-hover-fill);z-index:1;pointer-events:none;transition:height var(--nb-portfolio-fill-in) cubic-bezier(.445,.05,.55,.95) 0s}.nb-portfolio__item:hover::before{height:100%}.nb-portfolio__item:not(:hover)::before{transition-duration:var(--nb-portfolio-fill-out)}@media (max-width:768px){.nb-portfolio__title,.nb-portfolio__date{font-size:1.4rem}}@media (max-width:480px){.nb-portfolio__item{flex-direction:column;align-items:flex-start;gap:.3rem}}