@layer components{.interactive-list__home-title,.interactive-list__home-works,.interactive-list__home-count{font-family:var(--font-sans);text-transform:uppercase;letter-spacing:-.03em;color:var(--color-text);margin:0;font-weight:600;line-height:.9}.interactive-list__callout{z-index:10}.interactive-list .project-intro__stack{border-radius:var(--radius-xs);clip-path:inset(0 round var(--radius-xs));-webkit-clip-path:inset(0 round var(--radius-xs));font-family:var(--font-mono);letter-spacing:normal;text-transform:uppercase;color:#fff;align-items:center;padding:.375rem .75rem;font-size:.75rem;font-weight:400;line-height:1.25;display:inline-flex;position:relative;overflow:hidden}.interactive-list .project-intro__stack-mask{z-index:0;background-color:var(--color-black);pointer-events:none;position:absolute;inset:0}.interactive-list .project-intro__stack-label{z-index:1;display:block;position:relative;overflow:hidden}.interactive-list .project-intro__stack-label-inner{display:block}.interactive-list__index{font-family:var(--font-mono);text-transform:uppercase;font-weight:400}.interactive-list__home-intro{padding-top:2rem;padding-bottom:1.5rem}.interactive-list__home-intro--all{padding-top:2.15rem;padding-bottom:2rem}.interactive-list__home-heading{justify-content:space-between;align-items:baseline;gap:1.5rem;display:flex}.interactive-list__home-title,.interactive-list__home-works{font-size:clamp(2.5rem,8vw,7rem)}.interactive-list__home-title{flex-wrap:wrap;align-items:baseline;gap:.28em;display:flex}.interactive-list__home-works{text-align:right;flex-shrink:0}.interactive-list__home-featured{transform-origin:50% 100%;will-change:transform;display:inline-block}.interactive-list__home-right{display:contents}.interactive-list__home-count{display:none}.interactive-list--home{overscroll-behavior:auto;--il-home-title-size:clamp(1.2rem, 2.6vw, 1.9rem);--il-home-preview-h:clamp(4.5rem, 8vw, 6.5rem);height:auto;min-height:0;overflow:visible}.interactive-list--home .interactive-list__items{min-height:0;padding-top:0;padding-bottom:0}.interactive-list--home .interactive-list__row--home{height:auto;min-height:clamp(5.5rem,12vh,7rem);overflow:visible}.interactive-list--home .interactive-list__content--home{height:auto;min-height:inherit;flex-direction:column;align-items:stretch;gap:0;padding-block:clamp(1.35rem,3vh,2rem);display:flex}.interactive-list--home .interactive-list__header{justify-content:space-between;align-items:flex-start;gap:1.5rem;width:100%;display:flex}.interactive-list--home .interactive-list__header-top{display:contents}.interactive-list--home .interactive-list__center{opacity:.22;min-width:0;color:inherit;flex:auto;text-decoration:none;transition:opacity .3s}.interactive-list--home .interactive-list__expand{display:none}.interactive-list--home .interactive-list__title-wrap{height:calc(var(--il-home-title-size) * .85)}.interactive-list--home .interactive-list__title{font-size:var(--il-home-title-size);transition:none}.interactive-list--home .interactive-list__title--a,.interactive-list--home .interactive-list__item.is-active .interactive-list__title--a,.interactive-list--home .interactive-list__row:focus-visible .interactive-list__title--a{transform:none}.interactive-list.interactive-list--home .interactive-list__meta-list{opacity:.22;pointer-events:none;flex:none;justify-content:flex-end;transition:opacity .3s;transform:none}.interactive-list.interactive-list--home .interactive-list__meta-pill{opacity:1;border-radius:var(--radius-xs);clip-path:inset(0 round var(--radius-xs));-webkit-clip-path:inset(0 round var(--radius-xs));transition:none;transform:none}.interactive-list.interactive-list--home .interactive-list__item.is-active .interactive-list__center,.interactive-list.interactive-list--home .interactive-list__item.is-active .interactive-list__meta-list{opacity:1}.interactive-list--home .interactive-list__previews--home{pointer-events:none;width:100%;max-width:none;height:auto;max-height:0;color:inherit;flex:none;justify-content:flex-start;align-items:flex-start;gap:clamp(.5rem,1.2vw,.85rem);margin-top:0;text-decoration:none;transition:none;display:flex;overflow:hidden}.interactive-list--home .interactive-list__preview{flex-direction:column;flex-shrink:0;align-items:flex-start;height:auto;display:flex}.interactive-list--home .interactive-list__preview-media{width:calc(var(--il-home-preview-h) * 1.55);height:var(--il-home-preview-h);border-radius:var(--radius-sm);clip-path:inset(0 round var(--radius-sm));-webkit-clip-path:inset(0 round var(--radius-sm));background:var(--color-cream-media);flex-shrink:0;overflow:hidden}.interactive-list--home .interactive-list__preview-media img,.interactive-list--home .interactive-list__preview-media video{object-fit:cover;object-position:center;border-radius:var(--radius-sm);width:100%;height:100%;display:block}.interactive-list--home .interactive-list__item.is-active .interactive-list__previews--home{pointer-events:auto;max-height:none;margin-top:clamp(1rem,2.5vh,1.75rem);overflow:visible}.interactive-list--home .interactive-list__title--b{display:none}.interactive-list{--il-bg:var(--color-bg);--il-fg:var(--color-text);--il-muted:color-mix(in srgb, var(--il-fg) 20%, transparent);--il-row-h:92px;--il-pad-x:var(--site-edge-x,1.5rem);--il-title-size:clamp(1.05rem, 1.45vw, 1.28rem);--il-preview-h:calc(var(--il-row-h) - 4px);--il-preview-w:calc(var(--il-preview-h) * 1.55);--il-preview-gap:8px;--il-divider:color-mix(in srgb, var(--il-fg) 20%, transparent);background:var(--il-bg);color:var(--il-fg);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;position:relative}.interactive-list:not(.interactive-list--home){overscroll-behavior:contain;height:100dvh;overflow:hidden auto}.interactive-list__items{flex-direction:column;display:flex}.interactive-list:not(.interactive-list--home) .interactive-list__items{min-height:0;padding-top:clamp(5rem,12vh,6.5rem);padding-bottom:6rem}.interactive-list__item{flex-shrink:0}.interactive-list__divider{height:1px;margin-inline:var(--il-pad-x);background:var(--il-divider)}.interactive-list__row{height:var(--il-row-h);color:inherit;text-decoration:none;display:block;overflow:clip}.interactive-list__content{height:100%;padding-inline:var(--il-pad-x);justify-content:space-between;align-items:center;gap:1rem;display:flex}.interactive-list__center{opacity:.2;flex:0 auto;align-items:baseline;gap:.35em;min-width:0;transition:opacity .45s cubic-bezier(.3,0,.1,1);display:flex}.interactive-list__title-wrap{height:calc(var(--il-title-size) * .8);display:grid;position:relative;overflow:hidden}.interactive-list__title{font-family:var(--font-sans);font-size:var(--il-title-size);letter-spacing:-.03em;text-transform:uppercase;white-space:nowrap;grid-area:1/1;font-weight:600;line-height:.85;transition:transform .55s cubic-bezier(.3,0,.1,1)}.interactive-list__title--b{transform:translateY(110%)}.interactive-list__index{font-family:var(--font-mono);letter-spacing:normal;text-transform:uppercase;font-size:10px;font-weight:400;line-height:.8}.interactive-list__meta-list{opacity:0;pointer-events:none;flex-wrap:nowrap;flex:0 auto;justify-content:center;align-items:center;gap:.5rem;margin:0;padding:0;list-style:none;transition:opacity .45s cubic-bezier(.3,0,.1,1),transform .55s cubic-bezier(.3,0,.1,1);display:flex;transform:translateY(.35em)}.interactive-list .interactive-list__meta-pill{border-radius:var(--radius-xs);color:#fff;opacity:0;align-items:center;padding:.375rem .75rem;font-size:.75rem;font-weight:400;line-height:1.25;transition:opacity .4s cubic-bezier(.3,0,.1,1),transform .5s cubic-bezier(.3,0,.1,1);display:inline-flex;position:relative;overflow:hidden;transform:translateY(.25em)}.interactive-list .interactive-list__meta-mask{z-index:0;background-color:var(--color-black,#1e1e1e);pointer-events:none;position:absolute;inset:0;transform:none}.interactive-list .interactive-list__meta-pill .project-intro__stack-label,.interactive-list .interactive-list__meta-pill .interactive-list__meta-label{z-index:1;display:block;position:relative}.interactive-list__previews{justify-content:flex-end;align-items:center;gap:var(--il-preview-gap);flex:auto;min-width:0;max-width:min(46vw,799px);height:100%;display:flex;overflow:clip}.interactive-list__preview{flex-shrink:0;align-items:center;height:100%;display:flex}.interactive-list__preview-media{width:var(--il-preview-w);height:var(--il-preview-h);border-radius:var(--radius-sm);opacity:1;flex-shrink:0;overflow:hidden;transform:none}.interactive-list__preview-media img,.interactive-list__preview-media video{object-fit:cover;object-position:center;width:100%;height:100%;display:block}.interactive-list__item.is-active .interactive-list__center,.interactive-list__row:focus-visible .interactive-list__center{opacity:1}.interactive-list__item.is-active .interactive-list__title--a,.interactive-list__row:focus-visible .interactive-list__title--a{transform:translateY(-110%)}.interactive-list__item.is-active .interactive-list__title--b,.interactive-list__row:focus-visible .interactive-list__title--b{transform:translateY(0)}.interactive-list__item.is-active .interactive-list__meta-list,.interactive-list__row:focus-visible .interactive-list__meta-list,.interactive-list__item.is-active .interactive-list__meta-pill,.interactive-list__row:focus-visible .interactive-list__meta-pill{opacity:1;transform:translateY(0)}.interactive-list__item.is-active .interactive-list__meta-pill:nth-child(2),.interactive-list__row:focus-visible .interactive-list__meta-pill:nth-child(2){transition-delay:60ms}.interactive-list__item.is-filtered-out{display:none}.interactive-list.is-entering .interactive-list__item{opacity:0;transform:translateY(1.25rem)}.interactive-list.is-entering.is-entering-ready .interactive-list__item{opacity:1;transition:opacity .55s cubic-bezier(.3,0,.1,1),transform .65s cubic-bezier(.3,0,.1,1);transform:translateY(0)}@media (width<=1199.98px){.interactive-list{--il-row-h:84px}.interactive-list__previews{max-width:min(42vw,560px)}.interactive-list--home{--il-home-preview-h:clamp(4rem, 11vw, 5.5rem)}}@media (width<=999px){.interactive-list__home-intro{padding-top:.5rem;padding-bottom:.75rem}.interactive-list__home-intro--all{padding-top:.85rem}.interactive-list__home-title,.interactive-list__home-works,.interactive-list__home-count{font-size:clamp(2rem,6.5vw,5.5rem)}.interactive-list__home-intro--featured .interactive-list__home-heading{justify-content:space-between;align-items:flex-start;gap:1rem;display:flex}.interactive-list__home-intro--featured .interactive-list__home-title{flex-direction:column;flex:0 auto;align-items:flex-start;gap:0;display:flex}.interactive-list__home-intro--featured .interactive-list__home-featured{will-change:auto;transform:none!important}.interactive-list__home-intro--featured .interactive-list__home-right{text-align:right;flex-direction:column;flex-shrink:0;align-items:flex-end;display:flex}.interactive-list__home-intro--featured .interactive-list__home-count{opacity:.4;display:block}.interactive-list__home-intro--featured .interactive-list__home-works{text-align:right}.interactive-list__home-intro--all .interactive-list__home-heading{justify-content:space-between;align-items:flex-start;gap:1rem;display:flex}.interactive-list__home-intro--all .interactive-list__home-title{flex-direction:column;flex:0 auto;align-items:flex-start;gap:0;display:flex}.interactive-list__home-intro--all .interactive-list__home-featured{will-change:auto;transform:none!important}.interactive-list__home-intro--all .interactive-list__home-right{text-align:right;flex-direction:column;flex-shrink:0;align-items:flex-end;display:flex}.interactive-list__home-intro--all .interactive-list__home-count{opacity:.4;display:block}.interactive-list__home-intro--all .interactive-list__home-works{text-align:right}.interactive-list--home .interactive-list__center,.interactive-list--home .interactive-list__meta-list{opacity:1}.interactive-list--home .interactive-list__header{flex-direction:column;align-items:stretch;gap:.5rem}.interactive-list--home .interactive-list__header-top{align-items:flex-start;gap:.75rem;width:100%;display:flex}.interactive-list--home .interactive-list__expand{border-radius:var(--site-radius);background:color-mix(in srgb, var(--color-text) 8%, transparent);width:1.625rem;height:1.625rem;color:var(--color-text);cursor:pointer;-webkit-tap-highlight-color:transparent;border:0;flex-shrink:0;justify-content:center;align-items:center;margin:.15rem 0 0 auto;padding:0;line-height:0;display:inline-flex}.interactive-list--home .interactive-list__expand-icon{flex-shrink:0;justify-content:center;align-items:center;width:.8rem;height:.8rem;line-height:0;transition:transform .25s;display:flex}.interactive-list--home .interactive-list__expand-icon :global(svg){stroke:currentColor;width:100%;height:100%;display:block}.interactive-list--home .interactive-list__item.is-active .interactive-list__expand-icon{transform:rotate(45deg)}.interactive-list.interactive-list--home .interactive-list__meta-list{opacity:1;flex-wrap:wrap;justify-content:flex-start;align-items:center;width:100%;display:flex;transform:none}.interactive-list.interactive-list--home .interactive-list__meta-pill{opacity:1;color:#fff;transform:none}.interactive-list.interactive-list--home .interactive-list__meta-mask{background-color:var(--color-black,#1e1e1e);opacity:1}}@media (width<=809.98px){.interactive-list{--il-title-size:clamp(.95rem, 4.2vw, 1.1rem);--il-row-h:76px;--il-pad-x:1rem}.interactive-list:not(.interactive-list--home) .interactive-list__items{padding-top:clamp(4.5rem,10vh,5.5rem);padding-bottom:5.5rem}.interactive-list .interactive-list__meta-pill{padding:.3rem .6rem;font-size:.6875rem}.interactive-list__previews{max-width:42vw}.interactive-list--home{--il-home-title-size:clamp(1.05rem, 5.2vw, 1.5rem);--il-home-preview-h:clamp(3.5rem, 20vw, 4.75rem)}.interactive-list--home .interactive-list__header{flex-direction:column;align-items:stretch;gap:.65rem}.interactive-list--home .interactive-list__meta-list{flex-wrap:wrap;justify-content:flex-start;display:flex}.interactive-list--home .interactive-list__previews--home{opacity:0;pointer-events:none;height:0;max-height:none;margin-top:0;overflow:hidden}.interactive-list--home .interactive-list__item.is-active .interactive-list__previews--home{pointer-events:auto;-webkit-overflow-scrolling:touch;scrollbar-width:none;overflow:auto hidden}.interactive-list--home .interactive-list__previews--home::-webkit-scrollbar{display:none}}@media (prefers-reduced-motion:reduce){.interactive-list__center,.interactive-list__title,.interactive-list__meta-list,.interactive-list__meta-pill,.interactive-list__item,.interactive-list--home .interactive-list__preview-media,.interactive-list--home .interactive-list__previews--home{transition:none!important}.interactive-list__item.is-active .interactive-list__center,.interactive-list__row:focus-visible .interactive-list__center,.interactive-list__item.is-active .interactive-list__meta-list,.interactive-list__row:focus-visible .interactive-list__meta-list,.interactive-list__item.is-active .interactive-list__meta-pill,.interactive-list__row:focus-visible .interactive-list__meta-pill{opacity:1;transform:none}.interactive-list--home .interactive-list__item.is-active .interactive-list__previews--home{pointer-events:auto;max-height:none;margin-top:1rem}.interactive-list__title--b{display:none}}.works-case-grid{--works-case-cols:8;--works-case-gutter:var(--space-4);--works-case-row-gap:var(--space-8);padding-bottom:var(--space-16)}.works-case-grid__list{grid-template-columns:repeat(var(--works-case-cols), minmax(0, 1fr));column-gap:var(--works-case-gutter);row-gap:var(--works-case-row-gap);margin:0;list-style:none;display:grid}.works-case-grid__item{grid-column:span 8}.works-case-grid__item.is-filtered-out{display:none}.works-case-grid--page{padding-bottom:0}.works-case-grid__card{color:inherit;flex-direction:column;display:flex}.works-case-grid__link{margin-bottom:var(--space-4);color:inherit;place-items:center;text-decoration:none;display:grid}.works-case-grid__media{aspect-ratio:1;background:var(--color-cream-media);width:100%;position:relative;overflow:hidden}.works-case-grid__media[data-size=large]{aspect-ratio:5/4}.works-case-grid__media-stage{justify-content:center;align-items:center;width:100%;height:100%;display:flex;position:relative;overflow:hidden}.works-case-grid__media-inner{width:100%;height:100%;position:absolute;inset:0}.works-case-grid__cover{object-fit:cover;width:100%;height:100%;transition:all 1s cubic-bezier(.16,1,.3,1)}.works-case-grid__scrim{z-index:2;pointer-events:none;background-color:#0000;width:100%;height:100%;transition:all 1s cubic-bezier(.16,1,.3,1);position:absolute;inset:0}.works-case-grid__video-stage{z-index:3;aspect-ratio:16/9;background-color:var(--color-black);clip-path:inset(100%);will-change:transform, clip-path;pointer-events:none;width:auto;height:44%;position:absolute;transform:scale(.94)}.works-case-grid__video{object-fit:cover;width:100%;height:100%;display:block;box-shadow:0 10px 43px -7px #161616}.works-case-grid__info{justify-content:space-between;align-items:baseline;gap:var(--space-4);display:flex}.works-case-grid__title{min-width:0;font-family:var(--font-sans);letter-spacing:-.027em;text-transform:uppercase;flex:auto;font-size:.75rem;font-weight:600;line-height:1}.works-case-grid__meta{white-space:nowrap;text-align:right;color:color-mix(in srgb, var(--color-text) 72%, transparent);flex-wrap:nowrap;flex:0 auto;justify-content:flex-end;align-items:baseline;gap:0;margin:0;font-size:.75rem;font-weight:500;line-height:1.25;display:flex}.works-case-grid__meta-sep{color:color-mix(in srgb, var(--color-text) 35%, transparent);margin-inline:.35rem}.works-case-grid__sr-only{clip:rect(0, 0, 0, 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}@media (width>=768px){.works-case-grid{--works-case-cols:16;--works-case-row-gap:var(--space-12);padding-bottom:var(--space-24)}.works-case-grid__item{grid-row:var(--grid-row)}.works-case-grid__list[data-cols="3"] .works-case-grid__item[data-size=small]{grid-column:span 4}.works-case-grid__list[data-cols="3"] .works-case-grid__item[data-size=medium]{grid-column:span 5}.works-case-grid__list[data-cols="3"] .works-case-grid__item[data-size=large]{grid-column:span 7}.works-case-grid__list[data-cols="4"] .works-case-grid__item[data-size=small]{grid-column:span 3}.works-case-grid__list[data-cols="4"] .works-case-grid__item[data-size=medium]{grid-column:span 4}.works-case-grid__list[data-cols="4"] .works-case-grid__item[data-size=large]{grid-column:span 5}}@media (width>=1280px){.works-case-grid{--works-case-cols:24;--works-case-row-gap:var(--space-16)}.works-case-grid__list[data-cols="3"] .works-case-grid__item[data-size=small]{grid-column:span 5}.works-case-grid__list[data-cols="3"] .works-case-grid__item[data-size=medium]{grid-column:span 7}.works-case-grid__list[data-cols="3"] .works-case-grid__item[data-size=large]{grid-column:span 12}.works-case-grid__list[data-cols="4"] .works-case-grid__item[data-size=small]{grid-column:span 5}.works-case-grid__list[data-cols="4"] .works-case-grid__item[data-size=medium]{grid-column:span 6}.works-case-grid__list[data-cols="4"] .works-case-grid__item[data-size=large]{grid-column:span 8}.works-case-grid__title,.works-case-grid__meta{font-size:1rem}}@media (width>=1280px) and (hover:hover){.works-case-grid__card.is-hovering .works-case-grid__scrim{background-color:#000000b3}}@media (prefers-reduced-motion:reduce){.works-case-grid__cover,.works-case-grid__scrim{transition:none}.works-case-grid__card.is-hovering .works-case-grid__scrim{background-color:#000000b3}}}