.wall-viewport{width:100%;max-width:100%;position:relative;overflow:clip hidden;-webkit-mask-image:linear-gradient(90deg,#0000,#000 6% 94%,#0000);mask-image:linear-gradient(90deg,#0000,#000 6% 94%,#0000)}@keyframes wall-scroll-left{0%{transform:translate(0)}to{transform:translate(-50%)}}@keyframes wall-scroll-right{0%{transform:translate(-50%)}to{transform:translate(0)}}.wall-row{width:max-content;animation-timing-function:linear;animation-iteration-count:infinite;position:absolute;left:0}.wall-row--a{animation-name:wall-scroll-left;animation-duration:38s;top:0}.wall-row--b{animation-name:wall-scroll-right;animation-duration:31s;top:calc(50% + .5rem)}.wall-viewport:hover .wall-row,.wall-viewport:focus-within .wall-row{animation-play-state:paused}
.project-row{--x:50%;--y:50%}.project-row:before{content:"";z-index:0;background:radial-gradient(circle at var(--x) var(--y), var(--brand,#2563eb) 0%, transparent 60%);opacity:.16;pointer-events:none;transition:transform .5s cubic-bezier(.22,1,.36,1),opacity .5s cubic-bezier(.22,1,.36,1);position:absolute;inset:0;transform:scale(0)}.project-row:hover:before{transform:scale(1)}.project-row:focus-visible:before{transform:scale(1)}.project-row .row-thumb{transition:transform .5s cubic-bezier(.22,1,.36,1)}@media (hover:hover) and (pointer:fine){:is(.project-row:hover .row-thumb,.project-row:focus-visible .row-thumb){transform:translate(4px)rotate(2deg)scale(1.05)}}@media (prefers-reduced-motion:reduce){.project-row:before,.project-row .row-thumb{transition:none}}