.project.svelte-1kdkudj{min-height:var(--screen);width:100%}@media(min-width:768px){.project.svelte-1kdkudj{grid-column:2/-1}}.project.svelte-1kdkudj .btn-close{border:none;color:var(--color-primary);display:block;padding:14px;position:absolute;right:0;top:0}@media(min-width:768px){.project.svelte-1kdkudj .btn-close{align-self:flex-end;color:var(--color-beige);grid-column:1/span 2;padding:24px;position:static}}@media(min-width:992px){.project.svelte-1kdkudj .btn-close{grid-column-end:span 2}}@media(min-width:1600px){.project.svelte-1kdkudj .btn-close{grid-column-end:span 4}}.project.svelte-1kdkudj .mobile-toggle{color:inherit;margin-right:auto;margin-block:-.33em;padding-block:.33em}@media(min-width:768px){.project.svelte-1kdkudj .mobile-toggle{display:none}}.layout.svelte-1kdkudj{display:flex;flex-direction:column;grid-column:1/-1;grid-row:1;grid-template-rows:auto 1fr;height:var(--screen)}@media(min-width:768px){.layout.svelte-1kdkudj{--cols:calc(var(--columns) - 5);display:grid;grid-column-start:3;grid-template-rows:1fr;height:100%}}@media(min-width:992px){.layout.svelte-1kdkudj{grid-column-start:3}}@media(min-width:1600px){.layout.svelte-1kdkudj{grid-column-start:5}}@media(max-width:767px){.layout.svelte-1kdkudj .is-hidden:where(.svelte-1kdkudj){display:none!important}}.info.svelte-1kdkudj{display:flex;flex-direction:column;padding:16px 16px 24px;width:100%}@media(min-width:768px){.info.svelte-1kdkudj{grid-column:1/span 8;min-height:100%;overflow:hidden}}@media(min-width:992px){.info.svelte-1kdkudj{grid-column-end:span 7}}@media(min-width:1440px){.info.svelte-1kdkudj{grid-column-end:span 6}}.info.is-open.svelte-1kdkudj{flex:1}.info.svelte-1kdkudj .heading:where(.svelte-1kdkudj){display:flex;flex-direction:column;gap:12px;margin-top:48px;padding-right:var(--column);padding-top:0;position:relative}@media(min-width:768px){.info.svelte-1kdkudj .heading:where(.svelte-1kdkudj){flex:0;margin-top:0;padding-right:calc(1em + clamp(12px,2vw,24px))}}:is(.info.svelte-1kdkudj .heading:where(.svelte-1kdkudj)) .tag{align-self:start;position:absolute;right:0;top:0}.info.svelte-1kdkudj section:where(.svelte-1kdkudj){align-items:start;display:grid;flex-shrink:0;gap:12px 5%;grid-template-columns:auto 1fr;padding-block:16px}@media(min-height:800px){.info.svelte-1kdkudj section:where(.svelte-1kdkudj){padding-block:24px}}@media(min-width:1200px){.info.svelte-1kdkudj section:where(.svelte-1kdkudj){column-gap:min(9%,40px)}}.svelte-1kdkudj:is(.info:where(.svelte-1kdkudj) section:where(.svelte-1kdkudj)):not(:first-of-type){border-top:1px solid}.svelte-1kdkudj:is(.info:where(.svelte-1kdkudj) section:where(.svelte-1kdkudj)):last-of-type{padding-bottom:0}.info.svelte-1kdkudj .tabs-nav:where(.svelte-1kdkudj){border-bottom:1px solid var(--color-graydark);display:flex;flex-wrap:wrap;margin-top:32px;padding-bottom:4px}@media(min-width:768px){.info.svelte-1kdkudj .tabs-nav:where(.svelte-1kdkudj){margin-top:48px}}.info.svelte-1kdkudj .btn-tab:where(.svelte-1kdkudj){background:none;border:none;color:inherit;font-family:inherit;opacity:.4;padding:0 12px 12px 0;transition:opacity .5s var(--ease-quart)}.svelte-1kdkudj:is(.info:where(.svelte-1kdkudj) .btn-tab:where(.svelte-1kdkudj)):before{aspect-ratio:1;background:#0000;border:1px solid var(--color-graydark);content:attr(data-number) ".";display:grid;margin-bottom:12px;padding-top:2px;place-items:center;transition-duration:.5s;transition-property:background-color,color,border-color;transition-timing-function:var(--ease-quart);width:20px}.svelte-1kdkudj:is(.info:where(.svelte-1kdkudj) .btn-tab:where(.svelte-1kdkudj)):focus,.svelte-1kdkudj:is(.info:where(.svelte-1kdkudj) .btn-tab:where(.svelte-1kdkudj)):hover{opacity:1}.svelte-1kdkudj:is(:where(.svelte-1kdkudj):is(.info:where(.svelte-1kdkudj) .btn-tab:where(.svelte-1kdkudj)):hover,:where(.svelte-1kdkudj):is(.info:where(.svelte-1kdkudj) .btn-tab:where(.svelte-1kdkudj)):focus):before{background-color:var(--color-graydark);color:var(--color-secondary)}.is-active.svelte-1kdkudj:is(.info:where(.svelte-1kdkudj) .btn-tab:where(.svelte-1kdkudj)){opacity:1}.is-active.svelte-1kdkudj:is(.info:where(.svelte-1kdkudj) .btn-tab:where(.svelte-1kdkudj)):before{background-color:var(--color-graydark);color:var(--color-secondary)}.info.svelte-1kdkudj .tabs-content:where(.svelte-1kdkudj){margin-top:auto}:is(.info:where(.svelte-1kdkudj) .tabs-content:where(.svelte-1kdkudj)) .tab.svelte-1kdkudj{display:flex;flex-direction:column}@media(min-width:768px){:is(.info:where(.svelte-1kdkudj) .tabs-content:where(.svelte-1kdkudj)) .tab.svelte-1kdkudj{opacity:0;transform:translate(calc(-100%*var(--current-tab)));transition-duration:.75s;transition-property:transform,opacity;transition-timing-function:var(--ease-quart-inout)}}.is-active.svelte-1kdkudj:is(:is(.info:where(.svelte-1kdkudj) .tabs-content:where(.svelte-1kdkudj)) .tab:where(.svelte-1kdkudj)){opacity:1}.has-tabs.svelte-1kdkudj:is(.info:where(.svelte-1kdkudj) .tabs-content:where(.svelte-1kdkudj)){flex:1}@media(min-width:768px){.has-tabs.svelte-1kdkudj:is(.info:where(.svelte-1kdkudj) .tabs-content:where(.svelte-1kdkudj)){display:grid;grid-template-columns:repeat(var(--tabs-count),1fr);margin-top:0;width:calc(100%*var(--tabs-count))}}.info.svelte-1kdkudj .description:where(.svelte-1kdkudj){display:flex;flex-direction:column;gap:1em;padding-right:2em}:is(.info.svelte-1kdkudj .description:where(.svelte-1kdkudj)) a{color:inherit;transition:color .3s var(--ease-quart)}.svelte-1kdkudj:is(:is(.info:where(.svelte-1kdkudj) .description:where(.svelte-1kdkudj)) a):hover{color:var(--color-primary)}:is(.info:where(.svelte-1kdkudj) .description:where(.svelte-1kdkudj)) .link.svelte-1kdkudj{color:inherit;display:inline-flex;font-size:.75rem;font-weight:600;gap:.4em;text-transform:uppercase}:is(.info.svelte-1kdkudj .content-rich:where(.svelte-1kdkudj)) ol,:is(.info.svelte-1kdkudj .content-rich:where(.svelte-1kdkudj)) p,:is(.info.svelte-1kdkudj .content-rich:where(.svelte-1kdkudj)) ul{margin-bottom:1em}:is(.info.svelte-1kdkudj .content-rich:where(.svelte-1kdkudj)) a{color:inherit}:is(.info.svelte-1kdkudj .content-rich:where(.svelte-1kdkudj)) ol,:is(.info.svelte-1kdkudj .content-rich:where(.svelte-1kdkudj)) ul{margin-left:1em}:is(.info.svelte-1kdkudj .content-rich:where(.svelte-1kdkudj)) li:not(:last-of-type){margin-bottom:.125em}:is(.info:where(.svelte-1kdkudj) .client:where(.svelte-1kdkudj)) .title.svelte-1kdkudj{grid-column:1;grid-row:1}:is(.info:where(.svelte-1kdkudj) .client:where(.svelte-1kdkudj)) .inner.svelte-1kdkudj{aspect-ratio:300/120;display:grid;grid-column:1/-1;grid-row:1;max-height:96px;place-items:center;width:100%}:is(.info:where(.svelte-1kdkudj) .client:where(.svelte-1kdkudj)) picture.svelte-1kdkudj{display:grid;height:100%;place-items:center;width:100%}:is(:is(.info:where(.svelte-1kdkudj) .client:where(.svelte-1kdkudj)) picture.svelte-1kdkudj) img{display:block;filter:grayscale(100%) brightness(0);height:auto;width:clamp(96px,42%,160px)}:is(.info:where(.svelte-1kdkudj) .client:where(.svelte-1kdkudj)) .client-name.svelte-1kdkudj{grid-area:1/1;text-align:center;width:100%}:is(.info:where(.svelte-1kdkudj) .services:where(.svelte-1kdkudj)) .shapes.svelte-1kdkudj{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:12px}@media(min-width:768px){:is(.info:where(.svelte-1kdkudj) .services:where(.svelte-1kdkudj)) .shapes.svelte-1kdkudj{gap:16px;margin-bottom:16px}}:is(.info:where(.svelte-1kdkudj) .services:where(.svelte-1kdkudj)) li.svelte-1kdkudj{display:block}:is(.info:where(.svelte-1kdkudj) .services:where(.svelte-1kdkudj)) svg.svelte-1kdkudj{display:block;height:auto;width:32px}@media(min-width:768px){:is(.info:where(.svelte-1kdkudj) .services:where(.svelte-1kdkudj)) svg.svelte-1kdkudj{width:clamp(32px,3vw,48px)}}.svelte-1kdkudj:is(:is(.info:where(.svelte-1kdkudj) .credits:where(.svelte-1kdkudj)) dl:where(.svelte-1kdkudj)):not(:last-of-type){margin-bottom:8px}:is(.info:where(.svelte-1kdkudj) .credits:where(.svelte-1kdkudj)) strong.svelte-1kdkudj{font-weight:650}.assets.svelte-1kdkudj{background:var(--color-graydark);overflow:hidden;position:sticky;top:0;width:100%}@media(min-width:768px){.assets.svelte-1kdkudj{grid-column:9/-1;height:var(--screen)}}@media(min-width:992px){.assets.svelte-1kdkudj{grid-column-start:8}}@media(min-width:1440px){.assets.svelte-1kdkudj{grid-column-start:7}}.assets.svelte-1kdkudj .inner:where(.svelte-1kdkudj){display:flex;flex-direction:column}.assets.svelte-1kdkudj img{display:block;height:auto;width:100%}.assets.svelte-1kdkudj .screencast:where(.svelte-1kdkudj){display:grid;place-items:center;position:relative}:is(.assets.svelte-1kdkudj .screencast:where(.svelte-1kdkudj)) .video{box-shadow:0 3vw 6vw rgb(var(--color-graydark-rgb),.33);grid-area:1/1;height:auto;margin-block:10%;width:80%;z-index:2}:is(.assets.svelte-1kdkudj .screencast:where(.svelte-1kdkudj)) .video:before{display:none}:is(.assets.svelte-1kdkudj .screencast:where(.svelte-1kdkudj)) video{display:block;height:100%;margin:auto;object-fit:contain;width:100%}:is(.assets.svelte-1kdkudj .screencast:where(.svelte-1kdkudj)) img{grid-area:1/1;z-index:1}.assets.svelte-1kdkudj .embed:where(.svelte-1kdkudj){aspect-ratio:16/9}:is(.assets.svelte-1kdkudj .embed:where(.svelte-1kdkudj)) iframe{display:block;height:100%;width:100%}.assets.svelte-1kdkudj .social-post:where(.svelte-1kdkudj){display:grid;padding-block:6%;place-items:center}:is(.assets.svelte-1kdkudj .social-post:where(.svelte-1kdkudj)) iframe{display:block;width:33.33%!important}.assets.svelte-1kdkudj .progress:where(.svelte-1kdkudj){bottom:0;left:0;position:absolute;z-index:10}@media(min-width:768px){.assets.svelte-1kdkudj .progress:where(.svelte-1kdkudj){inset:0 0 auto auto}}:is(.assets:where(.svelte-1kdkudj) .progress:where(.svelte-1kdkudj)) div.svelte-1kdkudj{aspect-ratio:1;color:var(--color-beige);display:grid;padding-top:2px;place-items:center;width:20px}@media(min-width:768px){:is(.assets:where(.svelte-1kdkudj) .progress:where(.svelte-1kdkudj)) div.svelte-1kdkudj{width:24px}}:is(.assets:where(.svelte-1kdkudj) .progress:where(.svelte-1kdkudj)) .current.svelte-1kdkudj{background:var(--color-secondary);overflow:hidden;position:relative}:is(:is(.assets:where(.svelte-1kdkudj) .progress:where(.svelte-1kdkudj)) .current:where(.svelte-1kdkudj)) span.svelte-1kdkudj{left:0;line-height:1;position:absolute;text-align:center;top:55%;transform:translateY(-50%);width:100%}:is(.assets:where(.svelte-1kdkudj) .progress:where(.svelte-1kdkudj)) .total.svelte-1kdkudj{background:var(--color-primary)}