.title.svelte-1oqz9df{display:flex;flex-direction:column;justify-content:space-between;min-height:50vh}@media(min-width:1240px){.title.svelte-1oqz9df{display:flex;flex-direction:column;justify-content:space-between;min-height:0}}.project-title.svelte-1oqz9df{position:relative;left:-.01em;max-width:90%;overflow:hidden;padding-bottom:.2em;margin-bottom:-.2em}.project-title.svelte-1oqz9df span:where(.svelte-1oqz9df){position:relative;top:0;left:0;transition:opacity .6s var(--easing),top .6s var(--easing),left .6s var(--easing)}.project-title.svelte-1oqz9df span.enable:where(.svelte-1oqz9df){opacity:0;top:.8em;left:.04em}.project-info.svelte-1oqz9df{margin:40px 0 0}@media(min-width:1240px){.project-info.svelte-1oqz9df{margin:100px 0 0;display:grid;grid-template-columns:repeat(12,minmax(10px,1fr));column-gap:var(--gutter);row-gap:0}}.project-info.svelte-1oqz9df dl:where(.svelte-1oqz9df){max-width:60%}.project-info.svelte-1oqz9df dl:where(.svelte-1oqz9df)+dl:where(.svelte-1oqz9df){margin-top:20px}@media(min-width:1240px){.project-info.svelte-1oqz9df dl:where(.svelte-1oqz9df)+dl:where(.svelte-1oqz9df){margin-top:0}}.project-info.svelte-1oqz9df dl:where(.svelte-1oqz9df) dt:where(.svelte-1oqz9df),.project-info.svelte-1oqz9df dl:where(.svelte-1oqz9df) dd:where(.svelte-1oqz9df){overflow:hidden}.project-info.svelte-1oqz9df dl:where(.svelte-1oqz9df) dt:where(.svelte-1oqz9df) span:where(.svelte-1oqz9df),.project-info.svelte-1oqz9df dl:where(.svelte-1oqz9df) dd:where(.svelte-1oqz9df) span:where(.svelte-1oqz9df){display:block;transition:transform .6s var(--easing)}.project-info.svelte-1oqz9df dl:where(.svelte-1oqz9df) dt:where(.svelte-1oqz9df) span.enable:where(.svelte-1oqz9df),.project-info.svelte-1oqz9df dl:where(.svelte-1oqz9df) dd:where(.svelte-1oqz9df) span.enable:where(.svelte-1oqz9df){transform:translateY(100%)}@media(min-width:1240px){.project-info.svelte-1oqz9df dl:where(.svelte-1oqz9df){max-width:none;grid-column:span 3}}@media(min-width:1240px){.project-info.svelte-1oqz9df dl:where(.svelte-1oqz9df):nth-child(3){grid-column:9/13}}.project.svelte-1oqz9df .img{margin:var(--padding) 0 0;overflow:hidden}.project.svelte-1oqz9df .img img{width:100%;height:auto;aspect-ratio:16/9;object-fit:cover;transition:opacity 1s var(--easing),transform 1s var(--easing)}.project.svelte-1oqz9df .img.enable img{opacity:0;transform:translateY(20px)}
