.project[data-openable]{cursor:pointer}.project{display:flex;flex-direction:column;justify-content:space-between;position:relative;gap:32px;min-height:var(--card-height);padding:var(--card-pad-block) var(--card-pad-inline);border-radius:var(--card-radius);background-color:var(--surface)}.project:after,.project:before{content:"";position:absolute;top:0;bottom:0;width:calc(var(--card-gap) / 2 + 4px)}.project:before{right:100%}.project:after{left:100%}.project__media{position:absolute;inset:0;overflow:hidden;border-radius:inherit;pointer-events:none;filter:grayscale(var(--mono,1)) brightness(var(--mono-lift,.7)) contrast(1.06);--paint:linear-gradient(90deg,transparent 0%,#000 55%);-webkit-mask-image:var(--paint);mask-image:var(--paint);-webkit-mask-size:220% 100%;mask-size:220% 100%;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;-webkit-mask-position:0 0;mask-position:0 0;opacity:0;transition:mask-position var(--ease-duration) ease-out,-webkit-mask-position var(--ease-duration) ease-out,opacity calc(var(--ease-duration) * .7) ease}.project__video{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}.project__curtain{position:absolute;inset:0;background-image:radial-gradient(62% 120% at 14% 26%,hsl(var(--panel-hue) 64% 56%/.4),transparent 70%),radial-gradient(54% 112% at 46% 78%,hsl(calc(var(--panel-hue) + 26) 56% 48%/.34),transparent 72%),radial-gradient(56% 120% at 84% 22%,hsl(calc(var(--panel-hue) - 24) 60% 54%/.28),transparent 70%),linear-gradient(to bottom,hsl(var(--panel-hue) 42% 8%/.88) 0,hsl(var(--panel-hue) 42% 8%/.62) 22%,hsl(var(--panel-hue) 40% 9%/.42) 46%,hsl(var(--panel-hue) 42% 8%/.66) 76%,hsl(var(--panel-hue) 42% 8%/.9) 100%)}.project__curtain:before{content:"";position:absolute;inset:0;background:repeating-linear-gradient(180deg,rgba(0,0,0,.26) 0 1px,transparent 1px 3px)}.project{--panel-hue:232}@media (min-width:994px){.project__video{inset:0 auto 0 50%;width:var(--video-width);transform:translateX(-50%)}.projects__grid>.project:first-child .project__video{transform:translateX(-50%) scale(1.015)}.project:hover .project__media,.project[data-hover=true] .project__media{-webkit-mask-position:100% 0;mask-position:100% 0;opacity:1}.project__foot,.project__meta{transition:text-shadow var(--ease-duration) ease}.project:hover .project__foot,.project:hover .project__meta,.project[data-hover=true] .project__foot,.project[data-hover=true] .project__meta{text-shadow:0 1px 2px rgba(0,0,0,.85),0 2px 8px rgba(0,0,0,.7),0 6px 24px rgba(0,0,0,.55)}.project:hover .project__description,.project:hover .project__link,.project[data-hover=true] .project__description,.project[data-hover=true] .project__link{color:rgba(255,255,255,.82)}.project:hover .project__link:focus-visible,.project:hover .project__link:hover,.project[data-hover=true] .project__link:focus-visible,.project[data-hover=true] .project__link:hover{color:var(--text)}}@media (prefers-reduced-motion:reduce){.project__media{transition-duration:.01ms}.project__video{display:none}}.project__meta{display:flex;flex-direction:column;position:relative;gap:6px}.project__stack{font-size:var(--label-size);line-height:var(--label-lh);font-weight:700;letter-spacing:.06em;text-transform:uppercase;color:var(--text)}.project__description{font-size:var(--body-size);line-height:var(--body-lh);font-weight:400;color:var(--muted);transition:color var(--ease-duration) ease}.project__foot{display:flex;flex-direction:column;position:relative;gap:10px}.project__title{font-size:var(--card-title-size);line-height:var(--card-title-lh);font-weight:700;color:var(--text)}.project__links{display:flex;gap:20px}.project__link{font-size:var(--body-size);line-height:var(--body-lh);font-weight:400;color:var(--muted);transition:color .2s ease}.project__link:focus-visible,.project__link:hover{color:var(--text)}@media (max-width:993px){.project__media{opacity:1;-webkit-mask-position:100% 0;mask-position:100% 0;transition:none}.project{min-height:300px;padding:32px}}