/* The same portrait canvas continues after the spiral has left the viewport. */
.portfolio-spiral__reel{position:relative}
.portfolio-spiral.is-3d{height:auto}
.portfolio-spiral.is-3d .portfolio-spiral__reel{height:1100svh}
.portfolio-spiral__eye-run{position:relative;height:0;pointer-events:none}
.has-scroll-film .portfolio-spiral__eye-run{height:550svh}
.face-spiral-sequence.is-eye-active{z-index:110}
.face-spiral-sequence.is-eye-active .face-spiral-sequence__backdrop{position:fixed;inset:0;margin:0;width:100%;height:100svh}
.eye-transition-black{position:fixed;z-index:120;inset:0;background:#000;opacity:0;pointer-events:none}
@media(prefers-reduced-motion:reduce){
  .portfolio-spiral__eye-run,.eye-transition-black{display:none!important}
  .face-spiral-sequence.is-eye-active .face-spiral-sequence__backdrop{position:sticky;inset:auto;top:0;margin-bottom:-100svh}
}