.responsive-image-wrapper.svelte-2uz7l1{display:contents}picture.svelte-2uz7l1{display:contents}.responsive-image-wrapper.svelte-2uz7l1 picture:where(.svelte-2uz7l1) img:where(.svelte-2uz7l1),.responsive-image-wrapper.svelte-2uz7l1 img:where(.svelte-2uz7l1){width:100%;height:100%;-o-object-fit:cover;object-fit:cover}video.svelte-1xnkkla{width:100%;height:100%;-o-object-fit:cover;object-fit:cover;pointer-events:none;-webkit-user-drag:none}.video-element.svelte-1xnkkla{position:absolute;top:0;left:0;width:100%;height:100%;-o-object-fit:cover;object-fit:cover;opacity:0;z-index:10}.video-element.video-visible.svelte-1xnkkla{opacity:1}.is-loading.svelte-1xnkkla{opacity:.6;pointer-events:none;cursor:not-allowed;filter:grayscale(30%)}@-moz-document url-prefix(){video.svelte-1xnkkla{object-fit:cover;object-position:center}}.image.svelte-1xnkkla{display:flex;justify-content:center;align-items:center;position:relative;overflow:hidden;isolation:isolate;transform:translateZ(0);min-width:0;min-height:0}.card.svelte-1xnkkla{border-width:2px;-webkit-user-select:none;-moz-user-select:none;user-select:none;-webkit-touch-callout:none;touch-action:manipulation;transition:transform .3s ease,opacity .3s ease,filter .3s ease}.view-project.svelte-1xnkkla{margin-left:auto;position:relative;overflow:hidden;transition:color .2s ease-in-out;width:-moz-max-content;width:max-content;-webkit-user-select:none;-moz-user-select:none;user-select:none}.view-project.svelte-1xnkkla:after{content:"";position:absolute;top:0;right:100%;height:100%;width:100%;background-color:var(--cardFG);z-index:-1;transition:transform .15s ease-in .55s}.card.svelte-1xnkkla:not(.is-loading:where(.svelte-1xnkkla)):hover,.card:not(.is-loading:where(.svelte-1xnkkla)).is-hovered.svelte-1xnkkla{transform:scale(1.02)}.card.svelte-1xnkkla:not(.is-loading:where(.svelte-1xnkkla)):hover .view-project:where(.svelte-1xnkkla),.card:not(.is-loading:where(.svelte-1xnkkla)).is-hovered.svelte-1xnkkla .view-project:where(.svelte-1xnkkla){color:var(--cardBG);transition:color .15s ease-in .55s}.card.svelte-1xnkkla:not(.is-loading:where(.svelte-1xnkkla)):hover .view-project:where(.svelte-1xnkkla):after,.card:not(.is-loading:where(.svelte-1xnkkla)).is-hovered.svelte-1xnkkla .view-project:where(.svelte-1xnkkla):after{transform:translate(100%)}.title.svelte-1xnkkla{font-size:calc(.2rem + 4.5vw);line-height:90%}.description.svelte-1xnkkla,p.view-project.svelte-1xnkkla{font-size:min(.95rem,calc(.65rem + .2vw))}.description.svelte-1xnkkla{margin-top:calc(.02rem + .1vw);margin-bottom:calc(.1vw - .13rem)}@media (width >= 48rem){.title.svelte-1xnkkla{font-size:calc(.7vw + 1.4rem);line-height:85%;word-wrap:break-word}.description.svelte-1xnkkla,p.view-project.svelte-1xnkkla{margin-top:0;font-size:max(.85rem,calc(.6rem + .15vw))}.description.svelte-1xnkkla{margin-top:max(.05rem,calc(.1rem + .15vw));margin-bottom:calc(.2vw - .15rem)}p.view-project.svelte-1xnkkla{opacity:0;transition:opacity .2s ease-in .6s}.card.svelte-1xnkkla:hover p.view-project:where(.svelte-1xnkkla){opacity:1;transition:opacity .5s ease-in}}.card.is-hovered.svelte-1xnkkla .overlay:where(.svelte-1xnkkla):before,.card.svelte-1xnkkla:hover .overlay:where(.svelte-1xnkkla):before{background-position:100% 100%;transform:scale(1.08,1.03)}.card.is-hovered.svelte-1xnkkla:before,.card.svelte-1xnkkla:hover:before{transform:scale(1.03,1.08);z-index:-1}@media (width >= 40rem){.card.is-hovered.svelte-1xnkkla p.view-project:where(.svelte-1xnkkla),.card.svelte-1xnkkla:hover p.view-project:where(.svelte-1xnkkla){opacity:1;transition:opacity .5s ease-in}}@media (max-width: 48rem){.image.svelte-1xnkkla{-webkit-mask-image:-webkit-radial-gradient(white,white)}}.web-card-link.svelte-163160d{text-decoration:none;display:block;height:100%}.web-card.svelte-163160d{display:flex;flex-direction:column;border-width:2px;border-style:solid;overflow:hidden;transition:transform .3s ease,opacity .3s ease,filter .3s ease;cursor:pointer;-webkit-user-select:none;-moz-user-select:none;user-select:none;-webkit-touch-callout:none;touch-action:manipulation}.web-card.svelte-163160d:hover,.web-card.is-hovered.svelte-163160d{transform:scale(1.02)}.screenshot-area.svelte-163160d{position:relative;width:100%;aspect-ratio:2549 / 1309;background-color:#f0f0f0;overflow:hidden;display:flex;justify-content:center;align-items:center}.overlay.svelte-163160d{position:absolute;top:0;right:0;bottom:0;left:0;z-index:1;pointer-events:none}.overlay.svelte-163160d:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(130deg,transparent 0% 33%,var(--g1) 66%,var(--g2) 83.5%,var(--g3) 100%);background-position:0% 0%;background-size:300% 300%;transition:background-position .7s ease}.web-card.svelte-163160d:hover .overlay:where(.svelte-163160d):before,.web-card.is-hovered.svelte-163160d .overlay:where(.svelte-163160d):before{background-position:100% 100%}.text-area.svelte-163160d{border-top-width:2px;border-top-style:solid;padding:.75rem;position:relative;min-height:6rem;height:auto}.content-row.svelte-163160d{display:flex;align-items:flex-start}.favicon-column.svelte-163160d{display:flex;align-items:center;padding:.45rem .5rem .45rem 0;flex-shrink:0}.favicon.svelte-163160d{width:2.1rem;height:2.1rem}.text-content.svelte-163160d{flex:1;min-width:0;display:flex;flex-direction:column}.techstack.svelte-163160d{font-size:min(.95rem,calc(.65rem + .2vw));margin:0;margin-bottom:calc(.1vw - .13rem);white-space:nowrap;overflow:hidden}.title.svelte-163160d{font-size:calc(.2rem + 4.5vw);line-height:90%;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;margin:0}.description.svelte-163160d{font-size:min(.95rem,calc(.65rem + .2vw));margin-top:calc(.02rem + .1vw);margin-bottom:0;line-height:1.2;display:-webkit-box;-webkit-line-clamp:2;line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.text-container.svelte-163160d{position:absolute;bottom:.75rem;right:.5rem}.view-project.svelte-163160d{font-size:min(.95rem,calc(.65rem + .2vw));margin:0;position:relative;overflow:hidden;transition:color .2s ease-in-out;width:-moz-max-content;width:max-content;-webkit-user-select:none;-moz-user-select:none;user-select:none}.view-project.svelte-163160d:after{content:"";position:absolute;top:0;right:100%;height:100%;width:100%;background-color:var(--cardFG);z-index:-1;transition:transform .15s ease-in .55s}a.web-card-link.svelte-163160d:hover .web-card:where(.svelte-163160d) .view-project:where(.svelte-163160d),.web-card.svelte-163160d:hover .view-project:where(.svelte-163160d),.web-card.is-hovered.svelte-163160d .view-project:where(.svelte-163160d){color:var(--cardBG);transition:color .15s ease-in .55s}.web-card-link.svelte-163160d:hover .view-project:where(.svelte-163160d):after,.web-card.svelte-163160d:hover .view-project:where(.svelte-163160d):after,.web-card.is-hovered.svelte-163160d .view-project:where(.svelte-163160d):after{transform:translate(100%)}@media (width >= 48rem){.text-area.svelte-163160d{padding:.4rem .75rem .75rem;height:8rem}.favicon-column.svelte-163160d{padding:.75rem .9rem .75rem 0}.favicon.svelte-163160d{width:2.45rem;height:2.45rem}.techstack.svelte-163160d{font-size:max(.85rem,calc(.6rem + .15vw));margin-top:max(.05rem,calc(.1rem + .15vw));margin-bottom:.5rem;line-height:normal}.title.svelte-163160d{font-size:calc(.7vw + 1.4rem);line-height:85%;margin-top:-.4rem}.description.svelte-163160d{font-size:max(.95rem,calc(.7rem + .15vw));margin-top:max(.075rem,calc(.2rem + .15vw))}.view-project.svelte-163160d{font-size:max(.85rem,calc(.6rem + .15vw));opacity:0;transition:opacity .2s ease-in .6s}.text-container.svelte-163160d{bottom:.75rem;right:.5rem}.web-card.svelte-163160d:hover .view-project:where(.svelte-163160d),.web-card.is-hovered.svelte-163160d .view-project:where(.svelte-163160d){opacity:1;transition:opacity .5s ease-in}}@media (width >= 40rem){.web-card.svelte-163160d:hover .view-project:where(.svelte-163160d),.web-card.is-hovered.svelte-163160d .view-project:where(.svelte-163160d){opacity:1;transition:opacity .5s ease-in}}.tab-switcher.svelte-on9c4c{display:flex;justify-content:center;margin-bottom:.1rem;margin-top:3rem}.toggle-container.svelte-on9c4c{position:relative;display:flex;border:1px solid white;background:#ffffff1a;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px)}.slider.svelte-on9c4c{position:absolute;top:0;left:0;width:50%;height:100%;background-color:#fff;transition:transform .25s ease;z-index:0}.tab-button.svelte-on9c4c{position:relative;z-index:1;font-family:sans-serif;font-size:min(.95rem,calc(.65rem + .2vw));font-weight:500;padding:.05rem 1.2rem;border:none;background:transparent;cursor:pointer;transition:color .2s ease;outline:none;-webkit-user-select:none;-moz-user-select:none;user-select:none;display:flex;align-items:center;justify-content:center;flex:1;min-width:0}.tab-button.svelte-on9c4c:not(.selected:where(.svelte-on9c4c)){color:#fff}.tab-button.selected.svelte-on9c4c{color:#0f0098}.tab-button.svelte-on9c4c:focus-visible{outline:2px solid white;outline-offset:2px}@media (min-width: 48rem){.tab-button.svelte-on9c4c{font-size:max(.85rem,calc(.6rem + .15vw))}}@media (min-width: 40rem){.tab-switcher.drawer-open.svelte-on9c4c{opacity:0;pointer-events:none;transition:opacity .3s ease}}.projects-wrapper.svelte-1adfyvd{position:relative;width:100%;height:100%}.custom-scrollbar.svelte-1adfyvd{position:fixed;right:20px;top:1.25rem;bottom:1.25rem;width:4px;z-index:1000;pointer-events:none;opacity:1;transition:opacity .5s ease}.custom-scrollbar.hide.svelte-1adfyvd{opacity:0}@media (min-width: 640px){.custom-scrollbar.svelte-1adfyvd{top:2.5rem;bottom:2.5rem}}@media (max-width: 639px){.custom-scrollbar.svelte-1adfyvd{display:none}}.custom-scrollbar-thumb.svelte-1adfyvd{position:absolute;left:0;width:100%;background:#fff;cursor:grab;pointer-events:auto;transition:opacity .2s ease}.custom-scrollbar-thumb.svelte-1adfyvd:active{cursor:grabbing}.custom-scrollbar-thumb.svelte-1adfyvd:hover{opacity:.8}.projects-content.svelte-1adfyvd{scrollbar-width:none;-ms-overflow-style:none}.projects-content.svelte-1adfyvd::-webkit-scrollbar{display:none}.card-container.svelte-1adfyvd{margin-top:0;margin-bottom:12rem;margin-right:auto;margin-left:auto;width:-moz-fit-content;width:fit-content}.project-card.loading.svelte-1adfyvd{opacity:.6;pointer-events:none;cursor:not-allowed}@media (width >= 40rem){.card-container.svelte-1adfyvd{min-width:35rem;padding-left:1.25rem;padding-right:1.25rem}.project-card.svelte-1adfyvd{transition:opacity .3s ease;cursor:pointer}.drawer-open.svelte-1adfyvd{opacity:0;pointer-events:none}}.card-container.svelte-1adfyvd{display:grid}.card-container.web-hidden.svelte-1adfyvd{display:none}.web-cards-container.svelte-1adfyvd{width:-moz-fit-content;width:fit-content;margin-right:auto;margin-left:auto;margin-bottom:12rem}@media (width >= 40rem){.web-cards-container.svelte-1adfyvd{padding-left:1.25rem;padding-right:1.25rem}}.web-cards-grid.svelte-1adfyvd{display:grid;gap:1.25rem}.web-card-wrapper.svelte-1adfyvd{width:calc(var(--base-width) * 1.5);max-width:calc(var(--base-width) * 1.5)}@media (max-width: 48rem){.web-cards-grid.svelte-1adfyvd{grid-template-columns:1fr;padding-left:1.25rem;padding-right:1.25rem}.web-card-wrapper.svelte-1adfyvd{width:100%;max-width:100%}}@media (min-width: 48rem){.web-cards-grid.svelte-1adfyvd{grid-template-columns:repeat(2,calc(var(--base-width) * 1.5));gap:1.75rem}.web-card-wrapper.svelte-1adfyvd{width:calc(var(--base-width) * 1.5);max-width:calc(var(--base-width) * 1.5);transition:opacity .3s ease}.web-card-wrapper.drawer-open.svelte-1adfyvd{opacity:0;pointer-events:none}}.panels.svelte-14i3yez{position:relative;z-index:1;overflow:hidden;height:100vh}.panel.svelte-14i3yez{height:calc(100vh - 1.75rem);max-height:100vh;display:flex;align-items:center;justify-content:center;font-size:2rem}.panel-home.svelte-14i3yez{position:absolute;top:0;left:0;width:100%}.panel-projects.svelte-14i3yez{position:absolute;top:0;left:0;width:100%;will-change:transform}.blurred-background.svelte-14i3yez{position:fixed;top:0;left:0;width:100%;height:100%;z-index:0;-webkit-backdrop-filter:blur(var(--blur-value, 0px));backdrop-filter:blur(var(--blur-value, 0px));transition:-webkit-backdrop-filter .65s cubic-bezier(.16,1,.3,1);transition:backdrop-filter .65s cubic-bezier(.16,1,.3,1);transition:backdrop-filter .65s cubic-bezier(.16,1,.3,1),-webkit-backdrop-filter .65s cubic-bezier(.16,1,.3,1);pointer-events:none}.outer-background.svelte-14i3yez{display:flex;position:fixed;width:100vw;z-index:-1;bottom:0;align-items:center;justify-content:center}.background.svelte-14i3yez{scale:1.5;align-self:flex-end;position:static;margin-bottom:15%;width:max(350vh,120vw);min-width:100rem}.spinner-container.svelte-14i3yez{position:fixed;top:0;left:0;width:100vw;height:100vh;display:flex;justify-content:center;align-items:center;z-index:10;pointer-events:none}.spinner.svelte-14i3yez{width:calc(11rem + 4vw);position:relative;margin:0;padding:0}.projects-fading.svelte-14i3yez{opacity:0;transition:opacity .65s cubic-bezier(.16,1,.3,1)}body,html{scrollbar-width:none;-ms-overflow-style:none;margin:0;padding:0;height:100%;overflow:hidden}