.projects{--ease-in-out-sine:cubic-bezier(.445, .05, .55, .95);--ease-in-out-cubic:cubic-bezier(.645, .045, .355, 1);--ease-out-elastic:linear(0, .5737 7.6%, .8382 11.87%, .9463 14.19%, 1.0292 16.54%, 1.0886 18.97%, 1.1258 21.53%, 1.137 22.97%, 1.1424 24.48%, 1.1423 26.1%, 1.1366 27.86%, 1.1165 31.01%, 1.0507 38.62%, 1.0219 42.57%, .9995 46.99%, .9872 51.63%, .9842 58.77%, 1.0011 81.26%, 1);--ease-out-elastic-100-30:linear(0, .2178 2.1%, 1.1144 8.49%, 1.2959 10.7%, 1.3463 11.81%, 1.3705 12.94%, 1.3726, 1.3643 14.48%, 1.3151 16.2%, 1.0317 21.81%, .941 24.01%, .8912 25.91%, .8694 27.84%, .8698 29.21%, .8824 30.71%, 1.0122 38.33%, 1.0357, 1.046 42.71%, 1.0416 45.7%, .9961 53.26%, .9839 57.54%, .9853 60.71%, 1.0012 68.14%, 1.0056 72.24%, .9981 86.66%, 1);width:100%;padding:clamp(3rem, 8vw, 5rem) var(--padding);text-align:center;flex-direction:column;align-items:center;gap:3rem;display:flex;overflow:visible}.projects h2{font-family:var(--font-headline), sans-serif;letter-spacing:-.02em;text-transform:uppercase;color:var(--color-on-primary);margin:0 0 .12em;font-size:clamp(2.5rem,6vw,4rem);font-weight:400;line-height:.82}.projects__list{pointer-events:none;flex-direction:column;align-items:center;margin:0;padding:0;list-style:none;display:flex;position:relative;overflow:visible}.projects__list.is-active .projects__preview{visibility:visible;animation:project-preview-pop 1s var(--ease-out-elastic-100-30) calc(var(--idx) * 40ms) both}.projects__list:not(.is-active) .projects__preview{visibility:hidden;scale:0}@keyframes project-preview-pop{0%{scale:0}to{scale:1 1.04}}.project__title{width:fit-content;font-family:var(--font-headline), sans-serif;letter-spacing:-.02em;text-transform:uppercase;color:var(--color-on-primary);opacity:.25;pointer-events:auto;contain:paint;transition:.15s opacity var(--ease-in-out-sine), 1s scale var(--ease-out-elastic-100-30);margin:0;padding:0 .1em;font-size:clamp(4.125rem,14vw,6.25rem);font-weight:400;line-height:.9}.project__title a{-webkit-touch-callout:none;display:inline-block;position:relative;top:-.1em}@media (any-hover:hover){.project__title:hover{opacity:1;scale:1 1.1}}.project__title:active{opacity:1;scale:1 1.1}.projects__preview{top:var(--anchor-y,50%);z-index:1;aspect-ratio:1;object-fit:cover;width:min(26%,9.5rem);height:auto;box-shadow:var(--shadow);pointer-events:none;-webkit-user-select:none;user-select:none;rotate:calc(var(--rotation) * 1deg);visibility:hidden;transform-origin:50%;scale:0;translate:calc(-50% + var(--offsetX) * 1px) calc(-50% + var(--offsetY) * 1px);transition:1s rotate var(--ease-out-elastic), .2s visibility;border-radius:1rem;display:block;position:absolute;left:50%;overflow:clip}