:root{--breakpoint-s:30rem;--breakpoint-m:48rem;--breakpoint-l:64rem;--breakpoint-xl:80rem;--breakpoint-2xl:120rem}.projects .project{will-change:visibility;position:sticky;top:-5svh;overflow:hidden}.projects .project .background{width:100%;height:100%;position:absolute;top:0;left:0;-webkit-mask-image:linear-gradient(#0000 35%,#000);mask-image:linear-gradient(#0000 35%,#000)}.projects .project .background img{will-change:opacity}.projects .project .background img,.projects .project .background picture{object-fit:cover;object-position:var(--object-position);width:100%;height:100%}.projects .project.is-active .project__content p{opacity:1}.projects .project .project__content{z-index:2;padding:var(--space-m-xl) 0;will-change:transform;flex-direction:column;justify-content:center;align-items:center;min-height:110svh;display:flex;position:relative}.projects .project .project__content p{opacity:0;will-change:opacity;transition:opacity var(--transition-duration) var(--transition-easing)}