.website-previews__buttons{align-items:center;background-color:var(--color-light-solid);bottom:0;display:flex;flex-wrap:wrap;justify-content:flex-start;justify-self:flex-start;position:sticky;z-index:10}.website-previews__button{background-color:transparent;border:none;color:transparent;cursor:pointer;flex:0 0 auto;opacity:.25;padding:var(--icon-height);width:auto}.website-previews__button.website-previews__button--play{margin-right:var(--icon-height);opacity:1;padding:0 var(--icon-height)}.website-previews__buttons.slideshow-is-playing .website-previews__button:not(.website-previews__button--play){opacity:1}.website-previews__button-inner{background-color:var(--color-medium-solid);border-radius:var(--icon-height);display:block;height:var(--icon-height);max-width:var(--icon-height);overflow:hidden;position:relative;width:calc(var(--icon-height) + var(--play-icon-height))}.website-previews__button:not(.website-previews__button--play).active .website-previews__button-inner{max-width:calc(var(--icon-height) + var(--play-icon-height))}.website-previews__button--play .website-previews__button-inner{background-color:var(--color-light-solid);border-bottom:calc(var(--play-icon-height)*.5) solid transparent;border-left:var(--play-icon-height) solid var(--color-medium-solid);border-radius:0;border-top:calc(var(--play-icon-height)*.5) solid transparent;height:0;max-width:var(--play-icon-height);width:0}.website-previews__progress{background-color:var(--color-dark-solid);border-radius:0;display:none;height:100%;left:0;position:absolute;top:0;transform-origin:left;width:100%}.website-previews__button.active .website-previews__progress{display:block;transform:scaleX(var(--progress,0))}.website-previews__button.active-filter .website-previews__progress{background-color:var(--color-alert)}.website-previews__projects-list{display:flex;flex-wrap:wrap;gap:0;margin:0;padding-left:1px}.website-previews__projects-list-item{background-color:var(--color-light-solid);border:1px solid var(--color-medium-solid);color:var(--color-dark-solid);display:flex;flex-direction:column;justify-content:center;line-height:1;margin:-1px 0 0 -1px;min-height:calc(3px + 1.5em + var(--font-size-fine, 16px)*1.4);position:relative;z-index:1}.website-previews__projects-list-item.active-preview{z-index:9999}.website-previews__projects-list-item.active-preview,.website-previews__projects-list-item:has(.website-previews__project-button:hover),.website-previews__projects-list-item:has(.website-previews__project-link:hover){background-color:var(--color-highlight);color:var(--color-dark-solid)}.website-previews__projects-list-item.active-preview{border-color:currentColor}.website-previews__project-link{background-color:transparent;border:none;color:inherit;display:inline-block;line-height:1}.website-previews__project-button{align-items:center;background-color:transparent;border:none;color:inherit;display:flex;flex:1;line-height:1;padding:.25em .5em}.website-previews__projects-list-item.active-filter .website-previews__project-button:after{background-color:var(--color-alert);border-radius:50%;content:"";display:inline-block;height:var(--icon-height);left:calc(var(--icon-height)*.5);position:absolute;top:calc(var(--icon-height)*.5);width:var(--icon-height);z-index:0}.website-previews__project-link{display:none;padding:.5em .5rem 0}.website-previews__projects-list-item.active-preview .website-previews__project-link{display:flex;justify-content:flex-end}.website-previews__project-link:focus,.website-previews__project-link:hover{background:linear-gradient(180deg,#ff0,transparent)}.website-previews__project-link-inner{display:inline-block;height:1em;overflow:hidden;position:relative;width:1em}.website-previews__projects-list-item.active-preview .website-previews__project-link-inner:before{background-color:currentColor;height:1.5em;left:50%;top:50%;transform:translate(-50%,-50%) rotate(45deg);width:1px}.website-previews__projects-list-item.active-preview .website-previews__project-link-inner:after,.website-previews__projects-list-item.active-preview .website-previews__project-link-inner:before{content:"";display:inline-block;position:absolute}.website-previews__projects-list-item.active-preview .website-previews__project-link-inner:after{border-color:currentcolor currentcolor transparent transparent;border-style:solid;border-width:1px;height:100%;right:0;top:0;width:100%}.website-previews__tags{display:flex;flex-wrap:wrap;list-style:none;margin:0}.website-previews__tag{display:flex}.website-previews__tag-link{background-color:transparent;border-color:var(--color-medium-solid);cursor:pointer;display:flex;line-height:1;opacity:.25;padding:.25rem .5rem}.website-previews__tag-link:hover{z-index:9999}.website-previews__tag-link.active,.website-previews__tag-link:hover{opacity:1}.website-previews__tag.active-filter .website-previews__tag-link{color:var(--color-alert);opacity:1}.website-previews__tag.active-filter .website-previews__tag-link:focus,.website-previews__tag.active-filter .website-previews__tag-link:hover{text-decoration:line-through}.page-section-sidebar{display:flex;flex-direction:column;gap:var(--height-spacing);min-height:100%;position:relative}@media screen and (max-width:1024px){.page-section-sidebar{min-height:0}}.image-sanity[data-v-b8a63c1d]{height:100%;overflow:hidden;position:relative;width:100%}.image-sanity--fluid[data-v-b8a63c1d]{height:auto}.image-sanity--contain[data-v-b8a63c1d]{align-items:center;container:figureSizeContainer/size;display:flex;flex-direction:column;justify-content:center}.image-sanity--contain.image-sanity--left-top[data-v-b8a63c1d],.image-sanity--contain.image-sanity--right-top[data-v-b8a63c1d]{justify-content:flex-start}.image-sanity--contain.image-sanity--right-bottom[data-v-b8a63c1d],.image-sanity--contain.image-sanity--right-top[data-v-b8a63c1d]{align-items:flex-end}.image-sanity--contain.image-sanity--left-bottom[data-v-b8a63c1d],.image-sanity--contain.image-sanity--right-bottom[data-v-b8a63c1d]{justify-content:flex-end}.image-sanity--contain.image-sanity--left-bottom[data-v-b8a63c1d],.image-sanity--contain.image-sanity--left-top[data-v-b8a63c1d]{align-items:flex-start}.image-sanity__placeholder[data-v-b8a63c1d]{display:flex;flex-direction:column;height:auto;overflow:hidden;position:relative;width:100%}.image-sanity--portrait .image-sanity__placeholder[data-v-b8a63c1d]{height:100%;width:auto}:is(.image-sanity__img,.image-sanity__interaction)[data-v-b8a63c1d]{display:block;height:auto;position:absolute;width:100%}.image-sanity--cover :is(.image-sanity__img,.image-sanity__interaction)[data-v-b8a63c1d]{height:100%;-o-object-fit:cover;object-fit:cover}.image-sanity--contain :is(.image-sanity__img,.image-sanity__interaction)[data-v-b8a63c1d]{height:100%;-o-object-fit:contain;object-fit:contain}.image-sanity--contain.image-sanity--left-top :is(.image-sanity__img,.image-sanity__interaction)[data-v-b8a63c1d]{-o-object-position:left top;object-position:left top}.image-sanity--contain.image-sanity--right-top :is(.image-sanity__img,.image-sanity__interaction)[data-v-b8a63c1d]{-o-object-position:right top;object-position:right top}.image-sanity--contain.image-sanity--right-bottom :is(.image-sanity__img,.image-sanity__interaction)[data-v-b8a63c1d]{-o-object-position:right bottom;object-position:right bottom}.image-sanity--contain.image-sanity--left-bottom :is(.image-sanity__img,.image-sanity__interaction)[data-v-b8a63c1d]{-o-object-position:left bottom;object-position:left bottom}.image-sanity__img--placeholder[data-v-b8a63c1d]{filter:blur(10px);opacity:1;transform:scale(1.1);z-index:2}.image-sanity--loaded .image-sanity__img--placeholder[data-v-b8a63c1d]{opacity:0;transition:opacity var(--transition-duration) ease-out}.image-sanity__interaction[data-v-b8a63c1d]{z-index:2}.website-preview[data-v-c4155bea]{display:flex;flex-direction:column;width:100%}.website-preview__figure[data-v-c4155bea]{margin:0}.website-preview__media[data-v-c4155bea]{aspect-ratio:var(--media-aspect-ratio);box-shadow:0 0 var(--width-gutter) var(--color-medium-alpha);height:auto;max-width:calc((100vh - var(--width-gutter)*2 - var(--icon-height)*3)*var(--media-aspect-ratio-float));overflow:hidden;position:relative;width:100%}@supports (max-width:calc((100svh - var(--width-gutter ) * 2 - var(--icon-height ) * 3) * var(--media-aspect-ratio-float ))){.website-preview__media[data-v-c4155bea]{max-width:calc((100svh - var(--width-gutter)*2 - var(--icon-height)*3)*var(--media-aspect-ratio-float))}}.website-preview__video[data-v-c4155bea]{height:100%;left:0;position:absolute;top:0;width:100%}.website-previews{--icon-height:6px;--play-icon-height:calc(var(--icon-height) + var(--icon-height))}.website-previews,.website-previews__slideshow{display:flex;flex-direction:column;gap:var(--width-gutter);position:relative;width:100%}.website-previews__media{aspect-ratio:var(--previews-aspect-ratio,1.5/1);display:flex;flex-direction:column;height:auto;max-height:calc(100vh - var(--width-gutter) - var(--icon-height)*3);position:relative;width:100%}@supports (max-height:calc((100svh - var(--width-gutter ) - var(--icon-height ) * 3))){.website-previews__media{max-height:calc(100svh - var(--width-gutter) - var(--icon-height)*3)}}.website-previews__project-thumbnail{max-height:100%;position:sticky;top:var(--width-gutter)}.website-previews__projects-menu{display:flex;flex:1 0 100%;flex-direction:column;justify-content:flex-end;position:relative}.website-previews__projects-menu--mobile{display:none}.website-previews__projects-menu-inner{bottom:var(--width-gutter);display:flex;flex-direction:column;gap:var(--width-gutter);position:sticky}@media(max-width:1024px){.website-previews__projects-menu{display:none}.website-previews__projects-menu--mobile{display:flex}}