div.svelte-dg88th{display:flex;gap:var(--gap);flex-wrap:wrap;justify-content:center;align-items:stretch;margin-top:3rem}div.svelte-dg88th>*{flex:0 1 max(12rem,min(20rem,20vw))}@media screen and (max-width: 500px){div.svelte-dg88th>*{flex:0 1 60vw}}div.svelte-9hlfn9{display:grid;grid-template-columns:repeat(var(--component-columns),1fr);gap:var(--gap)}@media screen and (max-width: 860px){div.svelte-9hlfn9{grid-template-columns:1fr}}video.svelte-19vdy4j{width:100%;aspect-ratio:16/9;border-radius:0;overflow:hidden;transition:border-radius 1s ease}video.svelte-19vdy4j:focus{outline:none}video.rounded.svelte-19vdy4j{border-radius:var(--radius)}video.seamless.svelte-19vdy4j{width:100%;height:100%;object-fit:cover;will-change:transform,scale}@keyframes svelte-1mww8zq-fadeout{0%{scale:1}80%{scale:1.05}85%{opacity:1;scale:1.05}to{opacity:0;scale:1.05}}div.project.svelte-1mww8zq{position:relative;aspect-ratio:16/9;background-color:#ccc;border-radius:var(--radius);overflow:hidden}div.project.svelte-1mww8zq a:where(.svelte-1mww8zq){z-index:var(--z-index-project);position:absolute;inset:0}div.project.poster.svelte-1mww8zq{aspect-ratio:27/40}@media (hover: hover){div.project.has-video.svelte-1mww8zq:not(.poster) img{transition:transform 1.2s ease,opacity .2s ease 0s;opacity:1;transform:scale(1)}div.project.has-video.svelte-1mww8zq:not(.poster):hover img{transition:transform 1.2s ease,opacity .2s ease 1s;opacity:0!important;transform:scale(1.05)}}div.content.svelte-1mww8zq{position:absolute;inset:0;width:100%;height:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;z-index:40;text-shadow:0px 0px 2rem black,0px 0px 1rem black;color:#eee}div.content.svelte-1mww8zq *{transition:all .5s ease;opacity:0;pointer-events:none}div.content.svelte-1mww8zq>:first-child{margin-top:0}div.project.svelte-1mww8zq:not(.poster) .content:where(.svelte-1mww8zq){padding:var(--padding) calc(var(--padding) * 3)}div.project.poster.svelte-1mww8zq .content:where(.svelte-1mww8zq){padding:0 calc(var(--padding) * 1.5) var(--padding);text-shadow:0px 0px 2rem black,0px 0px 1rem black,0px 0px .3rem black}body:not(.inactive) div.project.svelte-1mww8zq:hover div.content:where(.svelte-1mww8zq) *{opacity:1}.preview-button.svelte-1mww8zq{display:none;position:absolute;bottom:var(--padding);left:50%;translate:-50% calc(var(--padding) + 100%);z-index:calc(var(--z-index-project) + 1);transition:translate 1s ease}.no-hover-indicator.svelte-1mww8zq{position:absolute;width:1.2rem;height:1.2rem;display:flex;align-items:center;justify-content:center;bottom:var(--padding);right:var(--padding);filter:invert(1);background-image:url("data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M20 12L13.6 5V8.5C10.4 8.5 4 10.6 4 19C4 17.8333 5.92 15.5 13.6 15.5V19L20 12Z' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E%0A");background-size:contain;background-position:center;background-repeat:no-repeat}@media (hover: none){body:not(.inactive) div.project.svelte-1mww8zq div.content:where(.svelte-1mww8zq) *{opacity:1}.preview-button.svelte-1mww8zq{display:block}body:not(.inactive) div.project.svelte-1mww8zq .preview-button:where(.svelte-1mww8zq){translate:-50% 0%}.no-hover-indicator.svelte-1mww8zq{opacity:1}div.project.has-video.svelte-1mww8zq:not(.poster) img{transition:transform 1.2s ease,opacity .2s ease 0s;opacity:1;transform:scale(1)}div.project.has-video:not(.poster).force-hovered.svelte-1mww8zq img{transition:transform 1.2s ease,opacity .2s ease 1s;opacity:0!important;transform:scale(1.05)}div.project.svelte-1mww8zq:not(.poster) .content:where(.svelte-1mww8zq) :first-child{margin-top:-3rem}}div.note.svelte-1mww8zq{position:absolute;bottom:0;left:50%;width:max-content;max-width:90%;text-align:center;font-size:1rem;translate:-50% 0%;padding:calc(var(--padding) * .25) var(--padding);border-radius:var(--radius) var(--radius) 0px 0px;background-color:#000;color:#fff;z-index:300}div.svelte-9f7sm7{padding:var(--padding);text-align:center;display:flex;flex-direction:column;align-items:center}div.svelte-9f7sm7 span:where(.svelte-9f7sm7):first-of-type{font-weight:700;margin-top:1.7rem}