@view-transition{navigation:auto}body.template-project #site-header,body.template-custom #site-header{margin-bottom:0}#site-header{view-transition-name:site-header}.project-hero{position:relative;width:100%;height:calc(100vh - var(--project-header-height, 6rem));height:calc(100dvh - var(--project-header-height, 6rem));min-height:1px;margin:0;overflow:hidden;background:#fff;view-transition-name:project-hero}.project-hero img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:var(--project-hero-focus, center)}.project-hero-original{transition:opacity 160ms ease}.project-hero.is-loading .project-hero-original,.project-hero.is-failed .project-hero-original{opacity:0;transition:none}.project-hero~.project,.project-hero~article{margin-top:2rem}.project-hero~.project .project-title{overflow-wrap:anywhere}::view-transition-group(project-hero){animation-duration:400ms;animation-timing-function:cubic-bezier(0.4, 0, 0.2, 1)}::view-transition-old(project-hero),::view-transition-new(project-hero){height:100%;object-fit:cover;mix-blend-mode:normal}::view-transition-group(site-header){animation:none}.is-project-transition::view-transition-group(project-hero){animation-duration:700ms}.is-project-transition::view-transition-old(project-hero),.is-project-transition::view-transition-new(project-hero){animation-duration:100ms;animation-timing-function:linear}.is-project-transition::view-transition-old(site-header){display:none}.is-project-transition::view-transition-new(site-header){animation:none}.is-preparing-hero::view-transition-group(*),.is-preparing-hero::view-transition-old(*),.is-preparing-hero::view-transition-new(*){animation-play-state:paused}@media(prefers-reduced-motion: reduce){@view-transition{navigation:none}.project-hero-original{transition:none}}