@layer component{.project{border-radius:14px;padding:2px;transition-duration:.3s;transition-timing-function:cubic-bezier(.4,0,.2,1)}.project,.project__content{flex-direction:column;transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,-webkit-backdrop-filter,backdrop-filter;display:flex}.project__content{--bgOpacity:1;--textOpacity:1;--neutral:#404040;--tw-shadow:0px 0px 1px 1px var(--neutral);--tw-shadow-colored:0px 0px 1px 1px blue;box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow);background-image:linear-gradient(to bottom right,#0e141dde,#12171afa 50%,#020c0ade);background-image:linear-gradient(to bottom right,lab(6.13877% -.93592 -6.7751/.87),lab(7.24765% -1.64491 -3.03517/.98) 50%,lab(2.59266% -2.95986 -.206575/.87));border-radius:12px;flex:1;transition-duration:.15s;transition-timing-function:cubic-bezier(.4,0,.2,1);overflow:hidden}.project__video{object-fit:cover;filter:sepia(.4)contrast(.9)brightness(.9);width:100%;height:202px;transition:filter .18s ease-out}.project:hover .project__video{filter:sepia(0)contrast()brightness()}.project__blurb{padding-inline:1.5rem}@media (prefers-reduced-motion:reduce){.project,.project__content{transition-duration:.01ms}}}