:is(.layout__page:has(.works-hero__backdrop) .project-index,.layout__page:has(.works-hero__backdrop) .project-index__cell--black){background:0 0}.project-index__thumb .ui-media__item{height:100%}.project-index__view{opacity:0;align-items:center;gap:.3125rem;transition:opacity .3s,transform .5s cubic-bezier(.16,1,.3,1);display:flex;transform:translateY(.25rem)}.project-index__text.is-hovered .project-index__view,.project-index__text:focus-visible .project-index__view{opacity:1;transform:none}@media (hover:hover) and (pointer:fine){.project-index__grid{clip-path:inset(-6px 1px);position:relative}.project-index__grid:after{content:"";z-index:1;border-bottom:var(--stroke);opacity:0;pointer-events:none;transition:opacity .5s;position:absolute;bottom:0;left:0;right:0}.project-index__grid.is-focused:after{opacity:1}.project-index__cell{position:relative}.project-index__cell:after{content:"";z-index:1;border-top:var(--stroke);border-left:var(--stroke);opacity:0;pointer-events:none;transition:opacity .5s;position:absolute;inset:0}.project-index__image>*{transition:opacity .12s}.project-index__text{transition:background-color .12s,color .12s}.project-index__text.is-hovered{color:#000;background:#fff}.project-index__grid.is-focused .project-index__cell:not(.project-index__awards,.project-index__image.is-hovered):after{opacity:1}.project-index__grid.is-focused .project-index__image:not(.is-hovered)>*{opacity:0}.project-index__row:hover{height:10.625rem}.project-index__row:hover .project-index__thumb{width:14.75rem;height:9.125rem}.project-index__row:hover .project-index__row-name{padding-left:15.875rem}.project-index__row:hover .project-index__row-square{background:#eb3621}}.project-index__row:focus-visible .project-index__row-square{background:#eb3621}.project-index-swap-enter-active,.project-index-swap-leave-active{transition:opacity .28s,filter .28s}.project-index-swap-enter-from,.project-index-swap-leave-to{opacity:0;filter:blur(6px)}@media (width<=767px){.project-index__grid{clip-path:inset(-6px 1px);border-bottom:var(--stroke)}.project-index__cell{position:relative;grid-column:auto!important}.project-index__cell:after{content:"";z-index:1;border-top:var(--stroke);border-left:var(--stroke);pointer-events:none;position:absolute;inset:0}.project-index__cell:not(.project-index__image,.project-index__text,.project-index__awards){display:none}.project-index__awards{grid-column:1/-1!important}.project-index__view{opacity:1;transform:none}.project-index__grid .ui-grid-cross,.project-index__view>span{display:none}.project-index__text{-webkit-tap-highlight-color:transparent;transition:background-color .12s,color .12s}.project-index__text:active{color:#000;background:#fff}.project-index__row.is-open{height:8rem}.project-index__row.is-open .project-index__thumb{width:7.5rem;height:5rem}.project-index__row.is-open .project-index__row-name,.project-index__row.is-open .project-index__row-services{padding-left:8.625rem}.project-index__row.is-open .project-index__row-name{transition:padding-left .6s cubic-bezier(.16,1,.3,1)}.project-index__row.is-open .project-index__row-services{opacity:.5;max-height:1.25rem}.project-index__row.is-open .project-index__row-square{opacity:1;background:#eb3621}}