.project-wrap.svelte-188atuo{filter:grayscale();font-size:0;transition:filter .5s;position:relative;overflow:hidden}.project-wrap.svelte-188atuo .project-title:where(.svelte-188atuo){--transitionLength:.4s;--transitionTiming:ease;width:100%;color:var(--color-white);opacity:0;transition:grid-template-rows var(--transitionLength) var(--transitionTiming), opacity var(--transitionLength) var(--transitionTiming);background:linear-gradient(#0000,#0009,#000c);grid-template-rows:0fr;margin-bottom:0;padding:2rem 1rem 1rem;font-size:1rem;display:grid;position:absolute;bottom:0}.project-wrap.svelte-188atuo .project-title:where(.svelte-188atuo) span:where(.svelte-188atuo){overflow:hidden}.project-wrap.svelte-188atuo:hover{filter:grayscale(0)}.project-wrap.svelte-188atuo:hover .project-title:where(.svelte-188atuo){opacity:1;grid-template-rows:1fr}.img.svelte-188atuo{max-width:100%;height:auto}.img.svelte-188atuo:hover{view-transition-name:project-image}