/* Project images arrive in their final layout, without a travelling snapshot. */
@view-transition{navigation:none}


/* One native next-project link owns the complete panel, including its padding. */
.case-next:has(>.case-next-link){padding:0;--next-panel-gutter:max(var(--case-gutter,4vw),calc((100vw - var(--case-width,1560px))/2))}
.case-next>.case-next-link{width:100%;max-width:none;padding:clamp(24px,2vw,40px) var(--next-panel-gutter) calc(70px + env(safe-area-inset-bottom,0px));min-height:calc(clamp(160px,18svh,270px) + clamp(24px,2vw,40px) + 70px);outline-offset:-8px}
.case-next>.case-next-link:has(.case-next-image){padding-right:calc(var(--next-panel-gutter) + 65px)}
.case-next>.case-next-link:has(.case-next-image) .case-next-arrow{right:var(--next-panel-gutter)}
.case-next>.case-next-link:focus-visible{outline:2px solid var(--cf-light);outline-offset:-8px}
.case-next-link .case-next-footer{gap:24px;flex-wrap:wrap;line-height:1.5}
.case-next-link .case-next-meter{display:block;width:clamp(90px,9vw,160px);height:2px;overflow:hidden;background:var(--cf-line)}
.case-next-link .case-next-meter>i{display:block;height:100%;background:var(--service-accent,var(--cf-blue));transform-origin:left;transform:scaleX(0);transition:transform .42s cubic-bezier(.22,.72,.2,1)}
.case-next-link:is(:hover,:focus-visible) .case-next-meter>i{transform:scaleX(1)}
@media(max-width:600px){.case-next>.case-next-link:has(.case-next-image){padding-right:var(--next-panel-gutter)}.case-next>.case-next-link{padding-top:35px;padding-bottom:calc(45px + env(safe-area-inset-bottom,0px));min-height:315px}.case-next-link .case-next-footer{gap:18px}}
@media(prefers-reduced-motion:reduce),(forced-colors:active),(hover:none),(pointer:coarse){.case-next-link .case-next-meter>i{transform:scaleX(1);transition:none}.case-next-link .case-next-arrow{transition:none;transform:none}}
html:is([data-motion=off],[data-case-motion=off]) .case-next-link .case-next-meter>i{transform:scaleX(1);transition:none}
html:is([data-motion=off],[data-case-motion=off]) .case-next-link .case-next-arrow{transition:none;transform:none}