.extra-project{animation:projectReveal .55s cubic-bezier(.2,.7,.2,1) both}
.extra-project:nth-of-type(8){animation-delay:.05s}.extra-project:nth-of-type(9){animation-delay:.1s}.extra-project:nth-of-type(10){animation-delay:.15s}.extra-project:nth-of-type(11){animation-delay:.2s}.extra-project:nth-of-type(12){animation-delay:.25s}
@keyframes projectReveal{from{opacity:0;transform:translateY(22px)}to{opacity:1;transform:none}}
.project-image--pepsi img{filter:hue-rotate(105deg) saturate(1.4)}.project-image--hellios img{filter:hue-rotate(170deg) brightness(1.15)}.project-image--snappy img{filter:hue-rotate(285deg) saturate(.75)}.project-image--eneve img{filter:hue-rotate(35deg) saturate(1.25)}.project-image--vaisala img{filter:hue-rotate(210deg) saturate(.7) brightness(1.12)}.project-image--spotlight img{filter:grayscale(1) contrast(1.12)}
.more-projects{border-top:1px solid var(--line);margin-top:56px;padding-top:28px;display:flex;justify-content:space-between;align-items:center}.more-projects button{appearance:none;border:0;background:none;padding:12px 0;color:var(--ink);font:500 12px/1 "DM Sans",Arial,sans-serif;letter-spacing:.15em;cursor:pointer;display:flex;align-items:center;gap:18px}.more-projects button b{font-size:22px;font-weight:400;transition:transform .35s}.more-projects button[aria-expanded="true"] b{transform:rotate(180deg)}.more-projects p{margin:0;color:#999;font-family:"Space Mono",monospace;font-size:10px;letter-spacing:.13em}
@media(max-width:520px){.more-projects{margin-top:38px}.more-projects p{display:none}}