.b-project{display:grid;align-items:start;gap:2rem;grid-template-columns:1fr auto 1fr}@media only screen and (max-width:576px){.b-project{gap:.5rem;grid-template-columns:1fr}}.b-project:not(:last-child){margin-bottom:2.72rem}.b-project .b-project__link{position:relative;display:block;justify-self:center;grid-column:2;width:100%;max-width:calc(4*var(--grid-column-width) + 3*var(--grid-gutter-width));background-color:var(--b-project-color)}@media only screen and (max-width: 987px){.b-project .b-project__link{max-width:calc(6*var(--grid-column-width) + 5*var(--grid-gutter-width))}}@media only screen and (max-width:576px){.b-project .b-project__link{grid-column:1;max-width:100%}}@media(hover: hover){.b-project .b-project__link:hover .b__image,.b-project .b-project__link.is-hover .b__image{transform:scale(0.86) translateZ(0)}}.b-project .b__image{display:block;width:100%;transform:scale(1) translateZ(0);transition:transform .8s cubic-bezier(0.19, 1, 0.22, 1)}.b-project .b-project__meta{position:absolute;bottom:0;left:0;display:flex;flex-direction:column;align-items:flex-start}.b-project .b-project__meta>span:first-child{margin-bottom:-0.31rem}.b-project .b-project__client,.b-project .b-project__title{padding:.55em;background-color:var(--b-project-color, var(--color-brand-yellow));color:var(--color-text, #000);text-transform:uppercase}.b-project .b-project__label-text{display:block}.b-project .b-project__large-title{position:absolute;top:-999rem;left:-999rem;padding:var(--project-head-padding);width:calc(100vw - var(--scrollbar-width, 0px));opacity:0;pointer-events:none}.b-project .b-project__index{position:sticky;top:calc(50svh - .5em);align-self:start}@media only screen and (width >= 577px){.b-project .b-project__index{opacity:1}}@media only screen and (max-width:576px){.b-project .b-project__index{position:static;grid-column:1}}.b-project .b-project__index--left{justify-self:start;grid-column:1}.b-project .b-project__index--right{justify-self:end;grid-column:3}@media only screen and (max-width:576px){.b-project .b-project__index--right{display:none}}
