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-saoyr1{width:100%;aspect-ratio:16/9;border-radius:0;overflow:hidden;object-fit:contain;transition:border-radius 1s ease}video.rounded.svelte-saoyr1{border-radius:var(--radius)}video.seamless.svelte-saoyr1{width:100%;height:100%;object-fit:cover;will-change:transform,scale}@keyframes svelte-dwi1wh-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>"; initial-value: 0%; inherits: false;}@keyframes svelte-dwi1wh-circle-loader-all{0%,90%{opacity:1}to{opacity:0}}@keyframes svelte-dwi1wh-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-dwi1wh-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-dwi1wh{position:relative;aspect-ratio:16/9;background-color:#ccc;border-radius:var(--radius);overflow:hidden}div.project.svelte-dwi1wh a:where(.svelte-dwi1wh){z-index:var(--z-index-project);position:absolute;inset:0}div.project.poster.svelte-dwi1wh{aspect-ratio:27/40}.circle-loader.svelte-dwi1wh{display:none;position:absolute;bottom:calc(var(--padding) * 2);left:50%;translate:-50% 0%;z-index:calc(var(--z-index-project) + 1);width:2rem;aspect-ratio:1;background-color:#ffffff1a;border-radius:100%;align-items:center;justify-content:center;animation:svelte-dwi1wh-circle-loader-all 1.8s ease forwards}.circle-loader.svelte-dwi1wh:after{content:"";display:block;width:0;height:0;border-top:.4rem solid transparent;border-bottom:.4rem solid transparent;border-left:.58rem solid white;margin-left:.12rem;animation:svelte-dwi1wh-circle-loader-play 1.8s ease forwards}.circle-loader.svelte-dwi1wh:before{content:"";display:block;position:absolute;inset:0;width:100%;height:100%;border-radius:100%;background:conic-gradient(white 0%,white var(--circle-loader-progress),transparent var(--circle-loader-progress),transparent 100%);-webkit-mask-image:radial-gradient(circle,transparent 55%,black 56%);mask-image:radial-gradient(circle,transparent 55%,black 56%);animation:svelte-dwi1wh-circle-loader-animation 1.8s linear forwards}@media (hover: hover){div.project.has-video.svelte-dwi1wh:not(.poster) img{transition:transform 1.2s ease,opacity .2s ease 0s;opacity:1;transform:scale(1)}div.project.has-video.svelte-dwi1wh:not(.poster):hover img{transition:transform 1.2s ease,opacity .2s ease 1s;opacity:0!important;transform:scale(1.05)}div.project.has-video.svelte-dwi1wh:not(.poster):hover .circle-loader:where(.svelte-dwi1wh){display:flex}}div.content.svelte-dwi1wh{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-dwi1wh *{transition:all .5s ease;opacity:0;pointer-events:none}div.content.svelte-dwi1wh>:first-child{margin-top:0}div.project.svelte-dwi1wh:not(.poster) .content:where(.svelte-dwi1wh){padding:var(--padding) calc(var(--padding) * 3)}div.project.poster.svelte-dwi1wh .content:where(.svelte-dwi1wh){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-dwi1wh:hover div.content:where(.svelte-dwi1wh) *{opacity:1}.preview-button.svelte-dwi1wh{display:none;position:absolute;bottom:calc(var(--padding) * 2);left:50%;translate:-50% calc(var(--padding) * 2 + 100%);z-index:calc(var(--z-index-project) + 1);transition:translate 1s ease}.no-hover-indicator.svelte-dwi1wh{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-dwi1wh div.content:where(.svelte-dwi1wh) *{opacity:1}.preview-button.svelte-dwi1wh{display:block}body:not(.inactive) div.project.svelte-dwi1wh .preview-button:where(.svelte-dwi1wh){translate:-50% 0%}.no-hover-indicator.svelte-dwi1wh{opacity:1}div.project.has-video.svelte-dwi1wh: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-dwi1wh img{transition:transform 1.2s ease,opacity .2s ease 1s;opacity:0!important;transform:scale(1.05)}div.project.svelte-dwi1wh:not(.poster) .content:where(.svelte-dwi1wh) :first-child{margin-top:-3rem}}div.note.svelte-dwi1wh{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}