.scroll-mask{-webkit-mask-image:linear-gradient(to right,transparent 0%,black 5%,black 95%,transparent 100%);mask-image:linear-gradient(to right,transparent 0%,black 5%,black 95%,transparent 100%)}@media (prefers-reduced-motion: reduce){.scroll-mask{overflow-x:auto;-webkit-mask-image:none;mask-image:none}.scroll-mask [aria-hidden=true]{display:none}}.scroll-contents{animation:scroll 15s linear infinite}@media (prefers-reduced-motion: reduce){.scroll-contents{animation-duration:0s}}.scroll-contents li{padding-left:1rem;padding-right:1rem}@keyframes scroll{0%{transform:translate(0)}to{transform:translate(-50%)}}#work-images{grid-template-areas:"a0 a0 a1 a1 a2 a2" "a0 a0 a1 a1 a2 a2"}@media (min-width: 640px){#work-images{grid-template-areas:"a0 a0 a1 a1 a2 a2 a3 a4" "a0 a0 a1 a1 a2 a2 a5 a6"}}#work-images>.work-image{grid-area:var(--a)}#work-images>.work-image>.stack{transition-property:width,height,border-radius;transition-duration:.2s;transition-timing-function:cubic-bezier(.4,0,.2,1);width:var(--size, 100%);height:var(--size, 100%);border-radius:var(--radius, 0)}#work-images>.work-image>.stack>.bottom{filter:saturate(0);animation:7.5s cubic-bezier(.4,0,.2,1) var(--d) infinite pulse-saturation}@keyframes pulse-saturation{40%,60%{filter:saturate(0)}50%{filter:saturate(.5)}}#work:has(a:is(:hover,:focus-visible)) img.bottom{animation:none!important}#work:has(a:is(:hover,:focus-visible)) li{opacity:.5}#work:has(#work-images a:nth-child(1):is(:hover,:focus-visible)) #work-list li:nth-child(1),#work-list li:has(a:is(:hover,:focus-visible)){opacity:1;--h-animate-rows: minmax(0, 1fr);--h-animate-content-opacity: 1}#work:has(#work-list li:nth-child(1)>a:is(:hover,:focus-visible)) #work-images a:nth-child(1) .stack,#work-images a:is(:hover,:focus-visible) .stack{--size: 95%;--radius: .5rem}#work:has(#work-list li:nth-child(1)>a:is(:hover,:focus-visible)) #work-images a:nth-child(1) img.top,#work-images a:is(:hover,:focus-visible) img.top{opacity:1}#work:has(#work-images a:nth-child(2):is(:hover,:focus-visible)) #work-list li:nth-child(2),#work-list li:has(a:is(:hover,:focus-visible)){opacity:1;--h-animate-rows: minmax(0, 1fr);--h-animate-content-opacity: 1}#work:has(#work-list li:nth-child(2)>a:is(:hover,:focus-visible)) #work-images a:nth-child(2) .stack,#work-images a:is(:hover,:focus-visible) .stack{--size: 95%;--radius: .5rem}#work:has(#work-list li:nth-child(2)>a:is(:hover,:focus-visible)) #work-images a:nth-child(2) img.top,#work-images a:is(:hover,:focus-visible) img.top{opacity:1}#work:has(#work-images a:nth-child(3):is(:hover,:focus-visible)) #work-list li:nth-child(3),#work-list li:has(a:is(:hover,:focus-visible)){opacity:1;--h-animate-rows: minmax(0, 1fr);--h-animate-content-opacity: 1}#work:has(#work-list li:nth-child(3)>a:is(:hover,:focus-visible)) #work-images a:nth-child(3) .stack,#work-images a:is(:hover,:focus-visible) .stack{--size: 95%;--radius: .5rem}#work:has(#work-list li:nth-child(3)>a:is(:hover,:focus-visible)) #work-images a:nth-child(3) img.top,#work-images a:is(:hover,:focus-visible) img.top{opacity:1}#work:has(#work-images a:nth-child(4):is(:hover,:focus-visible)) #work-list li:nth-child(4),#work-list li:has(a:is(:hover,:focus-visible)){opacity:1;--h-animate-rows: minmax(0, 1fr);--h-animate-content-opacity: 1}#work:has(#work-list li:nth-child(4)>a:is(:hover,:focus-visible)) #work-images a:nth-child(4) .stack,#work-images a:is(:hover,:focus-visible) .stack{--size: 95%;--radius: .5rem}#work:has(#work-list li:nth-child(4)>a:is(:hover,:focus-visible)) #work-images a:nth-child(4) img.top,#work-images a:is(:hover,:focus-visible) img.top{opacity:1}#work:has(#work-images a:nth-child(5):is(:hover,:focus-visible)) #work-list li:nth-child(5),#work-list li:has(a:is(:hover,:focus-visible)){opacity:1;--h-animate-rows: minmax(0, 1fr);--h-animate-content-opacity: 1}#work:has(#work-list li:nth-child(5)>a:is(:hover,:focus-visible)) #work-images a:nth-child(5) .stack,#work-images a:is(:hover,:focus-visible) .stack{--size: 95%;--radius: .5rem}#work:has(#work-list li:nth-child(5)>a:is(:hover,:focus-visible)) #work-images a:nth-child(5) img.top,#work-images a:is(:hover,:focus-visible) img.top{opacity:1}#work:has(#work-images a:nth-child(6):is(:hover,:focus-visible)) #work-list li:nth-child(6),#work-list li:has(a:is(:hover,:focus-visible)){opacity:1;--h-animate-rows: minmax(0, 1fr);--h-animate-content-opacity: 1}#work:has(#work-list li:nth-child(6)>a:is(:hover,:focus-visible)) #work-images a:nth-child(6) .stack,#work-images a:is(:hover,:focus-visible) .stack{--size: 95%;--radius: .5rem}#work:has(#work-list li:nth-child(6)>a:is(:hover,:focus-visible)) #work-images a:nth-child(6) img.top,#work-images a:is(:hover,:focus-visible) img.top{opacity:1}#work:has(#work-images a:nth-child(7):is(:hover,:focus-visible)) #work-list li:nth-child(7),#work-list li:has(a:is(:hover,:focus-visible)){opacity:1;--h-animate-rows: minmax(0, 1fr);--h-animate-content-opacity: 1}#work:has(#work-list li:nth-child(7)>a:is(:hover,:focus-visible)) #work-images a:nth-child(7) .stack,#work-images a:is(:hover,:focus-visible) .stack{--size: 95%;--radius: .5rem}#work:has(#work-list li:nth-child(7)>a:is(:hover,:focus-visible)) #work-images a:nth-child(7) img.top,#work-images a:is(:hover,:focus-visible) img.top{opacity:1}