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