.portfolio-items-wrapper.svelte-1mmmerw{container-type:inline-size}.portfolio-items.svelte-1mmmerw{display:grid;grid-template-columns:1fr 1fr 1fr;gap:20px;min-width:100%}@container (max-width: 1400px){.portfolio-items.svelte-1mmmerw{grid-template-columns:1fr 1fr}}@container (max-width: 768px){.portfolio-items.svelte-1mmmerw{grid-template-columns:1fr}}.portfolio-item.svelte-1mmmerw{cursor:pointer}.portfolio-item__a.svelte-1mmmerw{position:relative;aspect-ratio:8 / 9;overflow:hidden;display:block}.portfolio-item__a.svelte-1mmmerw:hover .portfolio-item__img{transform:scale(1.1)}.portfolio-item__img{position:absolute;object-fit:cover;top:0;left:0;height:100%;width:100%;z-index:1;will-change:transform;transition:transform 1s cubic-bezier(0,.5,.2,1)}.item-title.svelte-1mmmerw{z-index:100;position:absolute;width:100%;height:100%;text-align:center;display:flex;align-items:center;justify-content:center;transition:all .1s ease-out;background:color-mix(in oklch,var(--primary) 0%,transparent)}.item-title.svelte-1mmmerw:hover{background:color-mix(in oklch,var(--primary) 90%,transparent)}.item-title.svelte-1mmmerw:hover .portfolio-item__heading:where(.svelte-1mmmerw){opacity:1}.portfolio-item__heading.svelte-1mmmerw{color:var(--white);opacity:0;transition:all .1s ease-out}