.l-projects{padding:var(--layout-padding-top) 0 0}.l-projects .l__title{font-weight:600}.l-projects .l__projects{position:relative;margin:2.3333rem 0 var(--layout-padding-top)}.l-projects .l__projects:hover .sb-project .sb__thumbnail{clip-path:polygon(0 0, 100% 0, 100% 100%, 0 100%)}.l-projects .sb-project .sb__item .sb__link{display:block;color:var(--color-grey-light);transition:color .07s linear}@media only screen and (max-width: 767px)and (orientation: landscape),only screen and (max-width: 576px){.l-projects .sb-project .sb__item .sb__link{color:var(--color-grey-dark)}}.l-projects .sb-project .sb__item .sb__link__outer{position:relative;display:block;padding:.5rem 0}@media only screen and (max-width: 987px){.l-projects .sb-project .sb__item .sb__link__outer{padding:1rem 0}}.l-projects .sb-project .sb__item .sb__link__inner{display:flex;flex-direction:row;align-items:flex-start;justify-content:space-between;position:relative;width:100%;overflow:hidden}@media only screen and (max-width: 767px)and (orientation: landscape),only screen and (max-width: 576px){.l-projects .sb-project .sb__item .sb__link__inner{display:block}}@media(hover: hover){.l-projects .sb-project .sb__item .sb__link:hover{color:var(--color-black)}.l-projects .sb-project .sb__item .sb__link:hover .sb__link__inner{z-index:3}.l-projects .sb-project .sb__item .sb__link:hover .sb__thumbnail{z-index:2;opacity:1;transition:clip-path .3s cubic-bezier(0.215, 0.61, 0.355, 1),opacity 0s linear 0s}}.l-projects .sb-project .sb__item .sb__border{position:absolute;bottom:0;left:0;width:100%;height:1px;background:currentcolor;scale:0 1;transform-origin:0 50%;transition:scale 1s cubic-bezier(0.645, 0.045, 0.355, 1);will-change:scale}.l-projects .sb-project .sb__item .sb__title,.l-projects .sb-project .sb__item .sb__city,.l-projects .sb-project .sb__item .sb__year{transform:translate3d(0, 100%, 0);transition:transform .8s cubic-bezier(0.23, 1, 0.32, 1);will-change:transform}.l-projects .sb-project .sb__item .sb__title{display:block;padding:0 .5em 0 0;width:calc(3.5*var(--grid-column-width) + 2*var(--grid-gutter-width));font-weight:600}@media only screen and (max-width: 767px)and (orientation: landscape),only screen and (max-width: 576px){.l-projects .sb-project .sb__item .sb__title{padding-right:0;width:100%}}.l-projects .sb-project .sb__item .sb__city{display:block;padding:0 .5em 0 0;width:calc(3.5*var(--grid-column-width) + 4*var(--grid-gutter-width));font-weight:300;transition-delay:.3s}@media only screen and (max-width: 767px)and (orientation: landscape),only screen and (max-width: 576px){.l-projects .sb-project .sb__item .sb__city{margin-top:.2em;padding-right:3em;width:100%;font-size:var(--font-size-t-s)}}.l-projects .sb-project .sb__item .sb__year{display:block;width:calc(1*var(--grid-column-width) + 0*var(--grid-gutter-width));font-weight:300;text-align:right;transition-delay:.6s}@media only screen and (max-width: 767px)and (orientation: landscape),only screen and (max-width: 576px){.l-projects .sb-project .sb__item .sb__year{position:absolute;right:0;bottom:0;width:auto}}.l-projects .sb-project .sb__item .sb__thumbnail{position:absolute;top:0;left:0;display:none;width:10.8667rem;max-width:50%;border:1px solid var(--color-grey);clip-path:polygon(0 50%, 100% 50%, 100% 50%, 0 50%);opacity:0;transform:translate3d(calc(-50% + var(--mouse-x) * 1px), calc(-50% + var(--mouse-y) * 1px), 0);transition:clip-path .3s cubic-bezier(0.215, 0.61, 0.355, 1),opacity 0s linear .3s;pointer-events:none}@media(hover: hover){.l-projects .sb-project .sb__item .sb__thumbnail{display:block}}@media only screen and (max-width: 987px){.l-projects .sb-project .sb__item .sb__thumbnail{display:none}}.l-projects .sb-project .sb__item .sb__thumbnail img{display:block;width:100%}.l-projects .sb-project .sb__body{position:relative;z-index:1;display:none;height:0;opacity:0;overflow:hidden;transform:translate3d(0, 1em, 0);transition:opacity .8s cubic-bezier(0.215, 0.61, 0.355, 1) .4s,transform .8s cubic-bezier(0.215, 0.61, 0.355, 1) .4s;will-change:transform,opacity}@media only screen and (max-width: 767px)and (orientation: landscape),only screen and (max-width: 576px){.l-projects .sb-project .sb__body{margin:0 calc(var(--container-offset)*-0.5);padding:0 calc(var(--container-offset)*.5);width:calc(100% + var(--container-offset))}}.l-projects .sb-project .sb__body__inner{display:flex;flex-direction:row;align-items:stretch;justify-content:space-between;flex-wrap:wrap;padding:1.5833rem 0 2.6665rem}@media only screen and (max-width: 987px){.l-projects .sb-project .sb__body__inner{flex-direction:column}}.l-projects .sb-project .sb__body .sb__gallery{--ratio: 66.6667%;width:calc(4*var(--grid-column-width) + 3*var(--grid-gutter-width))}@media only screen and (max-width: 1280px){.l-projects .sb-project .sb__body .sb__gallery{width:calc(3.75*var(--grid-column-width) + 2.75*var(--grid-gutter-width))}}@media only screen and (max-width: 987px){.l-projects .sb-project .sb__body .sb__gallery{order:2;width:100%}}.l-projects .sb-project .sb__body .sb__content{display:flex;flex-direction:column;align-items:flex-start;justify-content:flex-start;position:relative;width:calc(4*var(--grid-column-width) + 1*var(--grid-gutter-width))}@media only screen and (max-width: 987px){.l-projects .sb-project .sb__body .sb__content{order:1;margin:0 0 1.5833rem;padding:0 8em 0 0;width:100%}}@media only screen and (max-width: 767px)and (orientation: landscape),only screen and (max-width: 576px){.l-projects .sb-project .sb__body .sb__content{padding-right:0}}.l-projects .sb-project .sb__body .sb__metas,.l-projects .sb-project .sb__body .sb__description{will-change:opacity,transform}.l-projects .sb-project .sb__body .sb__metas{margin:0;padding:0;list-style:none}@media only screen and (max-width: 987px){.l-projects .sb-project .sb__body .sb__metas{max-width:30rem}}.l-projects .sb-project .sb__body .sb__meta{margin:.25em 0 0;padding:0}.l-projects .sb-project .sb__body .sb__meta__label{font-weight:600}.l-projects .sb-project .sb__body .sb__meta__value{font-weight:400}.l-projects .sb-project .sb__body .sb__meta:first-child{margin-top:0}.l-projects .sb-project .sb__body .sb__description{margin:2.25em 0 0;font-weight:400}@media only screen and (max-width: 987px){.l-projects .sb-project .sb__body .sb__description{max-width:30rem}}.l-projects .sb-project .sb__body .sb__label{display:block;margin:auto 0 0;width:5.75em;height:5.75em}@media only screen and (max-width: 987px){.l-projects .sb-project .sb__body .sb__label{position:absolute;right:0;bottom:0}}@media only screen and (max-width: 767px)and (orientation: landscape),only screen and (max-width: 576px){.l-projects .sb-project .sb__body .sb__label{position:relative;display:none;margin:1.85em auto 0}}.l-projects .sb-project .sb__body .sb__related{margin:1.85em 0 0;width:100%}@media only screen and (max-width: 987px){.l-projects .sb-project .sb__body .sb__related{order:3}}.l-projects .sb-project .sb__body .sb__related__title{margin:0 0 1.85em;font-weight:600}@media only screen and (max-width: 767px)and (orientation: landscape),only screen and (max-width: 576px){.l-projects .sb-project .sb__body .sb__related__slider{margin:0 calc(var(--container-offset)*-0.5);padding-left:calc(var(--container-offset)*.5);width:calc(100% + var(--container-offset))}}.l-projects .sb-project .sb__body .sb__related__slide{margin-right:16px;width:212px}.l-projects .sb-project .sb__body.is-mue .sb__description{margin-bottom:2.25em}@media only screen and (max-width: 987px){.l-projects .sb-project .sb__body.is-mue .sb__description{margin-bottom:0}}.l-projects .sb-project .sb__body.has-products .sb__content{padding-bottom:1.9423rem}.l-projects .sb-project.is-visible .sb__title,.l-projects .sb-project.is-visible .sb__city,.l-projects .sb-project.is-visible .sb__year{transform:translate3d(0, 0, 0)}.l-projects .sb-project.is-visible .sb__border{scale:1 1}.l-projects .sb-project.is-visible .sb__body{opacity:1;transform:translate3d(0, 0, 0)}.l-projects .sb-project.is-active .sb__thumbnail{display:none}.l-projects .sb-project.is-active .sb__link{color:var(--color-black)}.l-projects .sb-project.is-active .sb__body{display:block;height:auto}.l-projects.is-scrolling .l__projects{pointer-events:none}