/* Image and project link remain visible without JavaScript, PIXI or WebGL. */
.case_n_8n.cc-next-project{position:relative;isolation:isolate;height:800px;overflow:hidden;background:#142b40}
.cc-next-project .cc-next-project-link{position:relative;display:flex;align-items:center;width:100%;height:100%;color:#fff;text-decoration:none}
.cc-next-project .cc-next-project-image{display:block!important;position:absolute;inset:0;width:100%;height:100%;max-width:none;object-fit:cover;object-position:center;animation:cc-next-project-drift 18s ease-in-out infinite alternate}
.cc-next-project .cc-next-project-link::after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(0,0,0,.42),rgba(0,0,0,.12));pointer-events:none}
.cc-next-project .cc-next-project-copy{position:relative;z-index:1;margin-left:calc(50% - 450px);width:min(400px,80%);text-align:center}
.cc-next-project .case_n_ti{display:block;padding-bottom:14px;font-size:18px;letter-spacing:2px}
.cc-next-project h3{margin:0 0 20px;font-size:48px;font-weight:400;line-height:1.35;text-transform:none}
.cc-next-project i{position:relative;display:inline-block;font-size:14px;font-weight:300;text-transform:uppercase}
.cc-next-project i::after{content:"";position:absolute;top:50%;left:110%;width:50px;height:2px;background:#fff;transition:width .25s}
.cc-next-project-link:hover i::after{width:70px}
.cc-next-project-link:focus-visible{outline:3px solid #155eef;outline-offset:-5px}
@keyframes cc-next-project-drift{from{transform:scale(1.015)}to{transform:scale(1.07)}}
@media(max-width:768px){.case_n_8n.cc-next-project{height:300px}.cc-next-project .cc-next-project-copy{margin:0 auto;width:90%}.cc-next-project h3{font-size:32px;margin-bottom:0}.cc-next-project i{display:none}.cc-next-project .case_n_ti{font-size:15px;padding-bottom:12px}}
@media(prefers-reduced-motion:reduce){.cc-next-project .cc-next-project-image{animation:none}.cc-next-project i::after{transition:none}}