.project.svelte-jzimv9{position:relative;transition:opacity .7s var(--ease-quart)}.project.svelte-jzimv9 a:where(.svelte-jzimv9){color:inherit;text-decoration:none}.project.svelte-jzimv9 a:where(.svelte-jzimv9):hover .client:where(.svelte-jzimv9){opacity:1;transition:opacity .4s var(--ease-quart)}.project.svelte-jzimv9 a:where(.svelte-jzimv9):hover .detail:where(.svelte-jzimv9) .icon:where(.svelte-jzimv9) svg:where(.svelte-jzimv9){animation:svelte-jzimv9-loopDiagonal .65s var(--ease-quart) forwards}.project.svelte-jzimv9 a:where(.svelte-jzimv9):hover .thumbnail:where(.svelte-jzimv9) .inner:where(.svelte-jzimv9){--scale:1.1;animation:svelte-jzimv9-scaleUp .45s steps(3) 45ms forwards}.project.svelte-jzimv9 a:where(.svelte-jzimv9):hover .thumbnail:where(.svelte-jzimv9):after{animation:svelte-jzimv9-slideY 1.1s var(--ease-quart) forwards}.project.svelte-jzimv9 a:where(.svelte-jzimv9):active .thumbnail:where(.svelte-jzimv9){transform:scale(.95)}.project.svelte-jzimv9 .tag{margin-right:12px;position:absolute;right:100%;top:0;z-index:1}.project.tag-right.svelte-jzimv9 .tag{left:100%;margin-left:12px;margin-right:0;right:auto}.project.is-right.svelte-jzimv9 .tag{left:100%;margin-left:12px}.project.is-filtered.svelte-jzimv9{opacity:.15}.project.is-filtered.svelte-jzimv9:hover{opacity:1}.thumbnail.svelte-jzimv9{margin-bottom:16px;overflow:hidden;position:relative;transition:transform .5s var(--ease-quart);width:100%}.thumbnail.svelte-jzimv9 .inner:where(.svelte-jzimv9){display:grid;place-items:center;position:relative}.thumbnail.svelte-jzimv9 img{display:block;grid-area:1/1;height:auto;width:100%;z-index:1}.thumbnail.svelte-jzimv9 .video{grid-area:1/1;width:100%;z-index:2}.thumbnail.svelte-jzimv9 video{height:auto;width:100%}.thumbnail.svelte-jzimv9:after{background:red;background:var(--color-secondary);content:"";display:block;inset:0;mix-blend-mode:difference;pointer-events:none;position:absolute;transform:scaleY(0);transform-origin:0 100%;z-index:2}.thumbnail.with-background.svelte-jzimv9 .video{width:75%}.detail.svelte-jzimv9{align-items:baseline;display:flex;gap:12px;justify-content:space-between;margin-inline:auto;max-width:100%;min-width:104px;width:max-content}.detail.svelte-jzimv9 .icon:where(.svelte-jzimv9){flex-shrink:0;overflow:hidden}.detail.svelte-jzimv9 svg:where(.svelte-jzimv9){display:block;height:auto;width:8px}.detail.svelte-jzimv9 .name:where(.svelte-jzimv9){line-height:1.15}.client.svelte-jzimv9{display:none}@media(hover:hover){.client.svelte-jzimv9{display:block;left:50%;opacity:0;pointer-events:none;position:absolute;top:65%;transform:translate3d(calc(var(--x) - 50%),calc(var(--y) - 50%),0);transition:opacity .4s var(--ease-quart);width:clamp(100px,50%,200px);z-index:3}}.client.svelte-jzimv9 img{display:block;filter:invert(44%) sepia(85%) saturate(4579%) hue-rotate(342deg) brightness(91%) contrast(104%);height:auto;width:100%}@keyframes svelte-jzimv9-loopDiagonal{0%,to{transform:translate(0)}66%{transform:translate(115%,-115%)}66.01%{transform:translate(-100%,100%)}}@keyframes svelte-jzimv9-slideY{0%{transform:scaleY(0);transform-origin:0 100%}60%{transform:scaleY(1);transform-origin:0 100%}60.01%{transform:scaleY(1);transform-origin:0 0}to{transform:scaleY(0);transform-origin:0 0}}@keyframes svelte-jzimv9-scaleUp{0%{transform:scale(1)}to{transform:scale(var(--scale))}}.services-over.svelte-j8vzhz{display:none}@media(min-width:768px){.services-over.svelte-j8vzhz{align-items:center;display:grid;grid-column:1/-1;grid-row:1;grid-template-rows:.6fr repeat(var(--total),1fr) .6fr;height:var(--screen);justify-content:center;pointer-events:none;position:sticky;top:0}}.services-title.svelte-j8vzhz{margin-bottom:2lh}.service.svelte-j8vzhz{color:var(--color-gray);mix-blend-mode:difference}.service.svelte-j8vzhz .icon{color:inherit;display:block;grid-row:calc(var(--index) + 1);height:auto;pointer-events:auto;width:clamp(40px,13vw,72px)}@media(min-width:768px){.service.svelte-j8vzhz .icon{width:clamp(56px,4.75vw,80px)}}.service.svelte-j8vzhz button:where(.svelte-j8vzhz){background:none;border:0;cursor:pointer;padding:0}.service.svelte-j8vzhz svg{display:block;height:auto;width:100%}.service.is-active.svelte-j8vzhz,.service.svelte-j8vzhz.is-hovering{color:var(--color-secondary);mix-blend-mode:normal}.services-list.svelte-j8vzhz{color:var(--color-secondary);text-align:center}.services-list.svelte-j8vzhz p:where(.svelte-j8vzhz){grid-column:1/-1;grid-row:var(--index);max-width:38ch}.services-list.svelte-j8vzhz sup:where(.svelte-j8vzhz){font-size:.85em;font-weight:650;margin-left:.15em}