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