@media (prefers-reduced-motion:no-preference){::view-transition-old(root){animation-duration:.22s}::view-transition-new(root){animation-duration:.22s}::view-transition-group(.morph){animation-duration:.45s;animation-timing-function:cubic-bezier(.33,1,.68,1)}::view-transition-image-pair(.morph){object-fit:cover}.projects-filter-grid>*{min-height:0}::view-transition-group(.project-move){animation-duration:.5s;animation-timing-function:cubic-bezier(.22,1,.36,1)}::view-transition-old(.project-move){mix-blend-mode:normal;object-fit:cover;width:100%;height:100%;overflow:clip}::view-transition-new(.project-move){mix-blend-mode:normal;object-fit:cover;width:100%;height:100%;overflow:clip}::view-transition-image-pair(.project-move){isolation:isolate}::view-transition-old(.project-out){animation:.24s cubic-bezier(.4,0,1,1) both project-filter-out}::view-transition-new(.project-in){animation:.4s cubic-bezier(.22,1,.36,1) 30ms both project-filter-in}::view-transition-old(.filter-empty-out){animation:.2s ease-in both project-filter-out}::view-transition-new(.filter-empty-in){animation:.3s ease-out both project-filter-in}::view-transition-old(.filter-count-out){animation:.18s ease-in both filter-count-out}::view-transition-new(.filter-count-in){animation:.26s ease-out 60ms both filter-count-in}}@keyframes project-filter-in{0%{opacity:0;filter:blur(4px);transform:translateY(22px)scale(.94)}to{opacity:1;filter:blur();transform:translateY(0)scale(1)}}@keyframes project-filter-out{0%{opacity:1;filter:blur();transform:translateY(0)scale(1)}to{opacity:0;filter:blur(3px);transform:translateY(-16px)scale(.9)}}@keyframes filter-count-in{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}@keyframes filter-count-out{0%{opacity:1;transform:translateY(0)}to{opacity:0;transform:translateY(-6px)}}@media (prefers-reduced-motion:reduce){::view-transition-old(*){animation-duration:0s!important;animation-delay:0s!important}::view-transition-new(*){animation-duration:0s!important;animation-delay:0s!important}::view-transition-group(*){animation-duration:0s!important;animation-delay:0s!important}}.project-card-shell{isolation:isolate;background:rgb(var(--color-text) / .1);padding:4px;transition:background-color .25s;position:relative;overflow:hidden}.dark .project-card-shell{background:rgb(var(--color-text) / .14)}.project-card__wheel{z-index:0;opacity:0;transform-origin:50%;background:conic-gradient(from 0deg, rgb(var(--color-primary)) 0deg 62deg, transparent 62deg 168deg, rgb(var(--color-primary)) 168deg 230deg, transparent 230deg 360deg);width:250%;height:250%;transition:opacity .25s;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)rotate(0)}.project-card-shell:hover .project-card__wheel{opacity:1;animation:2.8s linear infinite project-card-border-spin}@keyframes project-card-border-spin{to{transform:translate(-50%,-50%)rotate(360deg)}}.project-card-shell:hover{background:0 0}.project-card{z-index:1}.project-card__badge{transition:opacity .2s}.project-card-shell:hover .project-card__badge{opacity:0}@media (prefers-reduced-motion:reduce){.project-card__wheel{transition:none}.project-card-shell:hover .project-card__wheel{opacity:0;animation:none}.project-card-shell:hover{background:rgb(var(--color-primary) / .55)}}.project-card-shell:focus-within:has(.project-card:focus-visible){outline:2px solid rgb(var(--color-primary));outline-offset:5px;box-shadow:none}.project-card:focus-visible{box-shadow:0 16px 40px rgb(var(--color-black) / .12);outline:none}.dark .project-card:focus-visible{box-shadow:0 16px 40px rgb(var(--color-black) / .35)}.project-card:focus-visible .project-card__title,.dark .project-card:focus-visible .project-card__title{color:rgb(var(--color-primary))}.btn-3{background-color:var(--clr);color:rgb(var(--color-btn-on-base));white-space:nowrap;text-overflow:ellipsis;border-radius:10rem;align-items:center;gap:.75rem;padding:12px 24px 12px 16px;transition:background-color .3s;overflow:hidden}.btn-3 .button__icon-wrapper{width:25px;height:25px;color:var(--clr);background-color:rgb(var(--color-btn-on-base));border-radius:50%;flex-shrink:0;place-items:center;display:grid;position:relative;overflow:hidden}.btn-3:hover{background-color:rgb(var(--color-btn-accent))}.btn-3:hover .button__icon-wrapper{color:rgb(var(--color-btn-accent))}.btn-3 .button__icon-svg--copy{position:absolute;transform:translate(-150%,150%)}.btn-3:hover .button__icon-svg:first-child{transition:transform .3s ease-in-out;transform:translate(150%,-150%)}.btn-3:hover .button__icon-svg--copy{transition:transform .3s ease-in-out .1s;transform:translate(0)}.btn-3:focus-visible{box-shadow:0 0 0 2px rgb(var(--color-btn-on-base)), 0 0 0 4px rgb(var(--color-primary));outline:none}.projects-view-all-btn:focus-visible{box-shadow:0 0 0 2px rgb(var(--color-surface)), 0 0 0 4px rgb(var(--color-primary)), 0 10px 28px rgb(var(--color-primary) / .28);outline:none}.dark .projects-view-all-btn:focus-visible{box-shadow:0 0 0 2px rgb(var(--color-bg)), 0 0 0 4px rgb(var(--color-primary)), 0 10px 28px rgb(var(--color-primary) / .22)}