.project-carousel .flickity-enabled{position:relative}.project-carousel .flickity-enabled:focus{outline:none}.project-carousel .flickity-viewport{height:100%;position:relative;overflow:hidden}.project-carousel .flickity-slider{width:100%;height:100%;position:absolute}.project-carousel .flickity-enabled.is-draggable{-webkit-tap-highlight-color:transparent;-webkit-user-select:none;user-select:none}.project-carousel .flickity-enabled.is-draggable .flickity-viewport{cursor:grab}.project-carousel .flickity-enabled.is-draggable .flickity-viewport.is-pointer-down{cursor:grabbing}.project-carousel[data-flickity-status=active] [data-flickity-list]:after{content:"flickity";display:none}.project-carousel[data-flickity-status=active] [data-flickity-list]{display:block}.project-carousel [data-flickity-list]{display:flex}.project-carousel [data-flickity-list] .flickity-viewport{width:100%;overflow:visible}.project-carousel [data-flickity-control]{transition:var(--animation-ease)}.project-carousel [data-flickity-control][disabled]{opacity:.2;pointer-events:none}.project-carousel .flickity-arrows{grid-column-gap:.5em;grid-row-gap:.5em;display:flex}.project-carousel .flickity-arrow{pointer-events:auto;cursor:pointer;appearance:none;width:3.5em;color:inherit;font:inherit;background:0 0;border:0;border-radius:.25em;padding:0;position:relative}.project-carousel .flickity-arrow.is--flipped{transform:scaleX(-1)}.project-carousel .before__100{padding-top:100%}.project-carousel .scaling-bg.is--dark{background-color:var(--color-dark)}.project-carousel .arrow-inside.is--dark{background-color:var(--color-black);color:#f3f3f3}.project-carousel .arrow-pixel.is--right{color:currentColor;transform:rotate(0)}@media (hover:hover) and (pointer:fine){.project-carousel [data-hover-scaling-bg]:hover .scaling-bg.is--small{inset:calc(var(--grow) * -1);border-radius:.375em}}@media screen and (max-width:991px){.project-carousel .flickity-arrow{width:2.5em}}.project-carousel__collection{overflow:visible}.project-carousel__slide{margin-right:var(--gap)}.work-card{background-color:var(--color-light-tint);color:var(--color-dark);width:64em;height:42em;transition:background-color var(--animation-ease);border-radius:.5em;flex-flow:column;gap:1em;padding:1em;text-decoration:none;display:flex;position:relative}.work-card__start{padding:.5em 1em}.work-card__media{border-radius:.5em;flex:1;position:relative;overflow:hidden}.work-card__img{object-fit:cover;width:100%;height:100%;display:block}.work-card__stats{grid-column-gap:1em;grid-row-gap:1em;gap:1em;display:flex;position:absolute;bottom:1em;left:1em;right:1em}.work-card__result{background-color:var(--color-light);width:100%;transition:background-color var(--animation-ease);border-radius:.25em;flex-flow:column;flex-grow:1;justify-content:center;padding:.875em 1em;display:flex}.work-card__arrow-box{pointer-events:none;border-radius:.25em;flex-grow:1;flex-shrink:0;width:6.25em;margin-left:-7.25em;position:relative;overflow:hidden}.project-carousel .arrow-inside.is--primary{background-color:var(--color-primary)}@media screen and (min-width:992px){.work-card .work-card__arrow-box{transition:margin var(--animation-default-fast)}.work-card:hover .work-card__arrow-box{transition:margin var(--animation-grow);margin-left:0}.work-card .arrow-inside{transform:translate(calc(100% + 1em))rotate(.001deg)}.work-card:hover .arrow-inside{transform:translate(0%)rotate(.001deg)}.work-card[data-hover] .arrow-pixel{--first-delay:.15s}}@media screen and (max-width:991px){.work-card__arrow-box{opacity:0;pointer-events:none}}@media (hover:hover) and (pointer:fine){.work-card__img{transition:transform var(--animation-default);transform:scale(1)rotate(.001deg)}.work-card:hover .work-card__img{transform:scale(1.05)rotate(.001deg)}.work-card:hover{background-color:var(--color-light-tint-hover)}}@media screen and (max-width:991px){.work-card{width:44em;height:34em}}@media screen and (max-width:767px){.work-card{width:calc(100vw - 2 * var(--container-padding));gap:.75em;height:30em;padding:.75em}.work-card__start{padding:.25em .5em}.work-card__stats{gap:.5em;bottom:.5em;left:.5em;right:.5em}.work-card__result{padding:.75em .875em}}.project-carousel [data-hover] .arrow-pixel{--stagger-duration:15ms;--transition-duration:16.6667ms;--first-delay:0s;--max-multiplier:13}.project-carousel [data-hover] .arrow-pixel rect{opacity:0;transition:opacity var(--transition-duration) linear}.project-carousel [data-hover] .arrow-pixel rect:first-child{transition-delay:calc(var(--stagger-duration) * (var(--max-multiplier) - 0))}.project-carousel [data-hover]:hover .arrow-pixel rect:first-child{opacity:1;transition-delay:calc(var(--stagger-duration) * 0 + var(--first-delay))}.project-carousel [data-hover] .arrow-pixel rect:nth-child(2){transition-delay:calc(var(--stagger-duration) * (var(--max-multiplier) - 1))}.project-carousel [data-hover]:hover .arrow-pixel rect:nth-child(2){opacity:1;transition-delay:calc(var(--stagger-duration) * 1 + var(--first-delay))}.project-carousel [data-hover] .arrow-pixel rect:nth-child(3){transition-delay:calc(var(--stagger-duration) * (var(--max-multiplier) - 2))}.project-carousel [data-hover]:hover .arrow-pixel rect:nth-child(3){opacity:1;transition-delay:calc(var(--stagger-duration) * 2 + var(--first-delay))}.project-carousel [data-hover] .arrow-pixel rect:nth-child(4){transition-delay:calc(var(--stagger-duration) * (var(--max-multiplier) - 3))}.project-carousel [data-hover]:hover .arrow-pixel rect:nth-child(4){opacity:1;transition-delay:calc(var(--stagger-duration) * 3 + var(--first-delay))}.project-carousel [data-hover] .arrow-pixel rect:nth-child(5){transition-delay:calc(var(--stagger-duration) * (var(--max-multiplier) - 4))}.project-carousel [data-hover]:hover .arrow-pixel rect:nth-child(5){opacity:1;transition-delay:calc(var(--stagger-duration) * 4 + var(--first-delay))}.project-carousel [data-hover] .arrow-pixel rect:nth-child(6){transition-delay:calc(var(--stagger-duration) * (var(--max-multiplier) - 5))}.project-carousel [data-hover]:hover .arrow-pixel rect:nth-child(6){opacity:1;transition-delay:calc(var(--stagger-duration) * 5 + var(--first-delay))}.project-carousel [data-hover] .arrow-pixel rect:nth-child(7){transition-delay:calc(var(--stagger-duration) * (var(--max-multiplier) - 6))}.project-carousel [data-hover]:hover .arrow-pixel rect:nth-child(7){opacity:1;transition-delay:calc(var(--stagger-duration) * 6 + var(--first-delay))}.project-carousel [data-hover] .arrow-pixel rect:nth-child(8){transition-delay:calc(var(--stagger-duration) * (var(--max-multiplier) - 7))}.project-carousel [data-hover]:hover .arrow-pixel rect:nth-child(8){opacity:1;transition-delay:calc(var(--stagger-duration) * 7 + var(--first-delay))}.project-carousel [data-hover] .arrow-pixel rect:nth-child(9){transition-delay:calc(var(--stagger-duration) * (var(--max-multiplier) - 8))}.project-carousel [data-hover]:hover .arrow-pixel rect:nth-child(9){opacity:1;transition-delay:calc(var(--stagger-duration) * 8 + var(--first-delay))}.project-carousel [data-hover] .arrow-pixel rect:nth-child(10){transition-delay:calc(var(--stagger-duration) * (var(--max-multiplier) - 9))}.project-carousel [data-hover]:hover .arrow-pixel rect:nth-child(10){opacity:1;transition-delay:calc(var(--stagger-duration) * 9 + var(--first-delay))}.project-carousel [data-hover] .arrow-pixel rect:nth-child(11){transition-delay:calc(var(--stagger-duration) * (var(--max-multiplier) - 10))}.project-carousel [data-hover]:hover .arrow-pixel rect:nth-child(11){opacity:1;transition-delay:calc(var(--stagger-duration) * 10 + var(--first-delay))}.project-carousel [data-hover] .arrow-pixel rect:nth-child(12){transition-delay:calc(var(--stagger-duration) * (var(--max-multiplier) - 11))}.project-carousel [data-hover]:hover .arrow-pixel rect:nth-child(12){opacity:1;transition-delay:calc(var(--stagger-duration) * 11 + var(--first-delay))}.project-carousel [data-hover] .arrow-pixel rect:nth-child(13){transition-delay:calc(var(--stagger-duration) * (var(--max-multiplier) - 12))}.project-carousel [data-hover]:hover .arrow-pixel rect:nth-child(13){opacity:1;transition-delay:calc(var(--stagger-duration) * 12 + var(--first-delay))}.project-carousel [data-hover] .arrow-pixel rect:nth-child(14){transition-delay:calc(var(--stagger-duration) * (var(--max-multiplier) - 13))}.project-carousel [data-hover]:hover .arrow-pixel rect:nth-child(14){opacity:1;transition-delay:calc(var(--stagger-duration) * 13 + var(--first-delay))}