.content.svelte-1oer5qa{grid-area:content}.content.svelte-1oer5qa h1.title:where(.svelte-1oer5qa){font-size:2.8rem;font-weight:700;grid-area:title}.content.svelte-1oer5qa ul:where(.svelte-1oer5qa){width:100%;height:100%;display:flex;flex-wrap:wrap}.portfolio-item.svelte-1oer5qa{width:25%;aspect-ratio:1 / 1;overflow:hidden;position:relative}.portfolio-item.svelte-1oer5qa:hover .info:where(.svelte-1oer5qa){transform:translateY(0);transition-delay:.4s}.portfolio-item.svelte-1oer5qa .info:where(.svelte-1oer5qa){position:absolute;overflow:hidden;z-index:2;bottom:0;width:100%;height:50%;background-color:#000c;box-sizing:border-box;transform:translateY(100%);transition:.2s transform .1s ease-out;color:var(--light-font);display:grid;padding:.625rem;grid-template-columns:auto 1fr .625rem;grid-template-rows:1.875rem 1.06rem 1.06rem 1.06rem 1.06rem 1.06rem auto;grid-template-areas:"title date ." ". . ." "client client ." "agency agency ." "role role ." ". . ." "tech tech ."}.portfolio-item.svelte-1oer5qa .info:where(.svelte-1oer5qa) .title:where(.svelte-1oer5qa){grid-area:title;font-size:1.5rem;margin:0}.portfolio-item.svelte-1oer5qa .info:where(.svelte-1oer5qa) .date:where(.svelte-1oer5qa){grid-area:date;font-size:.8125rem;margin-left:.625rem;align-self:center;color:var(--alt);text-transform:uppercase}.portfolio-item.svelte-1oer5qa .info:where(.svelte-1oer5qa) .client:where(.svelte-1oer5qa){grid-area:client;font-size:.8125rem}.portfolio-item.svelte-1oer5qa .info:where(.svelte-1oer5qa) .agency:where(.svelte-1oer5qa){grid-area:agency;font-size:.8125rem}.portfolio-item.svelte-1oer5qa .info:where(.svelte-1oer5qa) .role:where(.svelte-1oer5qa){grid-area:role;font-size:.8125rem}.portfolio-item.svelte-1oer5qa .info:where(.svelte-1oer5qa) .tech:where(.svelte-1oer5qa){grid-area:tech;font-size:.6875rem}.portfolio-item.svelte-1oer5qa a:where(.svelte-1oer5qa){position:absolute;top:0;left:0;width:100%;height:100%;z-index:1000}.portfolio-item.svelte-1oer5qa img:where(.svelte-1oer5qa){z-index:1;position:absolute;height:120%;transform:translate(-50%,-50%);top:50%;left:50%}