/* One isolated image layer bridges the real WordPress page load. */
.project-transfer[hidden]{display:none}
.project-transfer{position:fixed;inset:0;z-index:110;pointer-events:none}
.project-transfer-veil{position:absolute;inset:0;background:var(--musou-page);opacity:0;transition:opacity 160ms ease-out}
.project-transfer-frame{position:absolute;overflow:hidden;contain:layout paint;transform-origin:0 0;will-change:transform,width,height}
.project-transfer-frame img{display:block;width:100%;height:100%;object-fit:cover;object-position:50% 50%;transform-origin:50% 50%}
html[data-project-leaving] .project-transfer-veil,html[data-project-arriving] .project-transfer-veil{opacity:1}
html[data-project-arriving] :is(main,.site-navigation,.agency-footer){opacity:0}
html[data-project-revealing] :is(main,.site-navigation,.agency-footer){opacity:clamp(0,calc((var(--project-transfer-progress,0) - .12)*1.6),1);transition:none}
html[data-project-revealing] .project-transfer-veil{opacity:clamp(0,calc(1 - (var(--project-transfer-progress,0) - .12)*1.6),1);transition:none}
html[data-project-arriving] [data-project-cover] img{visibility:hidden}
@media(min-width:901px){
 .case-study{padding-top:clamp(118px,17svh,155px)}
 .project-heading{margin:clamp(24px,6svh,75px) 0 clamp(24px,6svh,55px)}
 .project-heading h1{font-size:clamp(48px,min(7.2vw,14svh),130px)}
}
@media(prefers-reduced-motion:reduce){.project-transfer{display:none!important}}