div.svelte-ravzwc{gap:var(--gap);flex-wrap:wrap;justify-content:center;align-items:stretch;margin-top:3rem;display:flex}div.svelte-ravzwc>*{flex:0 max(12rem,min(20rem,20vw))}@media screen and (width<=500px){div.svelte-ravzwc>*{flex:0 60vw}}div.svelte-1hhz0mg{grid-template-columns:repeat(var(--component-columns), 1fr);gap:var(--gap);display:grid}@media screen and (width<=860px){div.svelte-1hhz0mg{grid-template-columns:1fr}}video.svelte-1xchvqj{aspect-ratio:16/9;object-fit:contain;border-radius:0;width:100%;transition:border-radius 1s;overflow:hidden}video.rounded.svelte-1xchvqj{border-radius:var(--radius)}video.seamless.svelte-1xchvqj{object-fit:cover;will-change:transform, scale;width:100%;height:100%}@keyframes svelte-4pgesh-fadeout{0%{scale:1}80%{scale:1.05}85%{opacity:1;scale:1.05}to{opacity:0;scale:1.05}}@property --circle-loader-progress{syntax:"<percentage>";inherits:false;initial-value:0%}@keyframes svelte-4pgesh-circle-loader-all{0%,90%{opacity:1}to{opacity:0}}@keyframes svelte-4pgesh-circle-loader-animation{0%{--circle-loader-progress:0%;opacity:0}50%,to{--circle-loader-progress:100%}5%,60%{opacity:1}70%,to{opacity:0}}@keyframes svelte-4pgesh-circle-loader-play{0%,5%,to{opacity:0}5%,90%{opacity:1}60%{transform:scale(1)}70%,to{transform:scale(1.5)}}div.project.svelte-4pgesh{aspect-ratio:16/9;border-radius:var(--radius);background-color:#ccc;position:relative;overflow:hidden}div.project.svelte-4pgesh a:where(.svelte-4pgesh){z-index:var(--z-index-project);position:absolute;inset:0}div.project.poster.svelte-4pgesh{aspect-ratio:27/40}.circle-loader.svelte-4pgesh{bottom:calc(var(--padding) * 2);z-index:calc(var(--z-index-project) + 1);aspect-ratio:1;background-color:#ffffff1a;border-radius:100%;justify-content:center;align-items:center;width:2rem;animation:1.8s forwards svelte-4pgesh-circle-loader-all;display:none;position:absolute;left:50%;translate:-50%}.circle-loader.svelte-4pgesh:after{content:"";border-top:.4rem solid #0000;border-bottom:.4rem solid #0000;border-left:.58rem solid #fff;width:0;height:0;margin-left:.12rem;animation:1.8s forwards svelte-4pgesh-circle-loader-play;display:block}.circle-loader.svelte-4pgesh:before{content:"";background:conic-gradient(white 0%, white var(--circle-loader-progress), transparent var(--circle-loader-progress), transparent 100%);border-radius:100%;width:100%;height:100%;animation:1.8s linear forwards svelte-4pgesh-circle-loader-animation;display:block;position:absolute;inset:0;-webkit-mask-image:radial-gradient(circle,#0000 55%,#000 56%);mask-image:radial-gradient(circle,#0000 55%,#000 56%)}@media (hover:hover){div.project.has-video.svelte-4pgesh:not(.poster) img{opacity:1;transition:transform 1.2s,opacity .2s;transform:scale(1)}div.project.has-video.svelte-4pgesh:not(.poster):hover img{transition:transform 1.2s,opacity .2s 1s;transform:scale(1.05);opacity:0!important}div.project.has-video.svelte-4pgesh:not(.poster):hover .circle-loader:where(.svelte-4pgesh){display:flex}}div.content.svelte-4pgesh{text-align:center;z-index:40;text-shadow:0 0 2rem #000,0 0 1rem #000;color:#eee;flex-direction:column;justify-content:center;align-items:center;width:100%;height:100%;display:flex;position:absolute;inset:0}div.content.svelte-4pgesh *{opacity:0;pointer-events:none;transition:all .5s}div.content.svelte-4pgesh>:first-child{margin-top:0}div.project.svelte-4pgesh:not(.poster) .content:where(.svelte-4pgesh){padding:var(--padding) calc(var(--padding) * 3)}div.project.poster.svelte-4pgesh .content:where(.svelte-4pgesh){padding:0 calc(var(--padding) * 1.5) var(--padding);text-shadow:0 0 2rem #000,0 0 1rem #000,0 0 .3rem #000}body:not(.inactive) div.project.svelte-4pgesh:hover div.content:where(.svelte-4pgesh) *{opacity:1}.preview-button.svelte-4pgesh{bottom:calc(var(--padding) * 2);translate:-50% calc(var(--padding) * 2 + 100%);z-index:calc(var(--z-index-project) + 1);transition:translate 1s;display:none;position:absolute;left:50%}.no-hover-indicator.svelte-4pgesh{width:1.2rem;height:1.2rem;bottom:var(--padding);right:var(--padding);filter:invert();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-position:50%;background-repeat:no-repeat;background-size:contain;justify-content:center;align-items:center;display:flex;position:absolute}@media (hover:none){body:not(.inactive) div.project.svelte-4pgesh div.content:where(.svelte-4pgesh) *{opacity:1}.preview-button.svelte-4pgesh{display:block}body:not(.inactive) div.project.svelte-4pgesh .preview-button:where(.svelte-4pgesh){translate:-50%}.no-hover-indicator.svelte-4pgesh{opacity:1}div.project.has-video.svelte-4pgesh:not(.poster) img{opacity:1;transition:transform 1.2s,opacity .2s;transform:scale(1)}div.project.has-video:not(.poster).force-hovered.svelte-4pgesh img{transition:transform 1.2s,opacity .2s 1s;transform:scale(1.05);opacity:0!important}div.project.svelte-4pgesh:not(.poster) .content:where(.svelte-4pgesh) :first-child{margin-top:-3rem}}div.project.svelte-4pgesh:not(:hover) .no-hover-indicator:where(.svelte-4pgesh){opacity:1!important}div.note.svelte-4pgesh{text-align:center;width:max-content;max-width:90%;padding:calc(var(--padding) * .25) var(--padding);border-radius:var(--radius) var(--radius) 0px 0px;color:#fff;z-index:300;background-color:#000;font-size:1rem;position:absolute;bottom:0;left:50%;translate:-50%}div.svelte-7ls3rf{padding:var(--padding);text-align:center;flex-direction:column;align-items:center;display:flex}div.svelte-7ls3rf span:where(.svelte-7ls3rf):first-of-type{margin-top:1.7rem;font-weight:700}