.p-hero{position:relative;overflow:hidden}.p-hero picture{display:block}.p-hero .p-hero__slide{position:absolute;top:0;right:0;bottom:0;left:0;opacity:0;transition:opacity 2s linear}.p-hero .p-hero__slide.-active{opacity:1}.p-hero .p-hero__bg{z-index:1;position:absolute;bottom:0;left:0;overflow:hidden}.p-hero .p-hero__bg picture,.p-hero .p-hero__bg img{position:absolute;width:100%;height:100%;top:0;right:0;bottom:0;left:0;-o-object-fit:cover;object-fit:cover}.p-hero .p-hero__bg img{transform:scale(1);transition:transform 12s linear 2s}.p-hero .p-hero__bg .p-hero__slide.-active img{transition-delay:0s}.p-hero .p-hero__work{z-index:2;position:absolute;aspect-ratio:1/1;background:var(--bg-surface)}.p-hero .p-hero__work picture,.p-hero .p-hero__work img{width:100%;height:100%;-o-object-fit:cover;object-fit:cover}@media screen and (min-width:768px){.p-hero{height:100vh}.p-hero .p-hero__bg{top:0;width:49.8823529412%}.p-hero .p-hero__bg .p-hero__slide.-active img{transform:scale(1.12)}.p-hero .p-hero__work{top:50%;left:35.4117647059%;width:29.1764705882%;transform:translateY(-50%);border:.75rem solid var(--bg-surface)}}@media screen and (max-width:767px){.p-hero{height:100svh}.p-hero .p-hero__bg{top:68.8vw;width:100%}.p-hero .p-hero__bg .p-hero__slide.-active img{transform:scale(1.18)}.p-hero .p-hero__work{top:37.3333333333vw;left:15.4666666667vw;width:69.3333333333vw;border:2.4vw solid var(--bg-surface)}}