/* The next project starts where the outgoing sticky viewport ends. */
.continuous-projects .chapter + .chapter { margin-top:-100svh; }
.continuous-projects .chapter { pointer-events:none; }
.continuous-projects .motion-stage { pointer-events:auto; }
.continuous-projects .waiting-project { visibility:hidden;pointer-events:none; }
.diegetic-transition { display:none;position:fixed;top:0;height:100svh;z-index:40;pointer-events:none;overflow:hidden;contain:strict;background:transparent; }
.diegetic-transition.is-active { display:block; }
.diegetic-transition canvas { display:block;width:100%;height:100%; }
.handoff-active .portfolio::after { content:'';position:fixed;inset:0 0 0 var(--rail);background:#080c13;z-index:29;pointer-events:none; }
.continuous-projects .motion-stage.handoff-source,
.continuous-projects .motion-stage.handoff-target { position:fixed;inset:0 0 auto var(--rail);width:calc(100% - var(--rail));height:100svh;visibility:visible;pointer-events:none;will-change:transform,opacity;transform-origin:center; }
.continuous-projects .motion-stage.handoff-source { z-index:31; }
.continuous-projects .motion-stage.handoff-target { z-index:32; }
.continuous-projects .motion-stage.handoff-turning { z-index:33;backface-visibility:hidden; }
.handoff-source *,.handoff-target * { animation-play-state:paused!important; }
@media(prefers-reduced-motion:reduce) { .diegetic-transition { display:none!important; } }
.sector-console,.project-dna { backdrop-filter:none; }
.project-gate { display:none!important; }
@media(max-width:820px) {
  .continuous-projects .chapter + .chapter { margin-top:calc(-100svh + 76px); }
  .diegetic-transition { top:76px;height:calc(100svh - 76px); }
  .handoff-active .portfolio::after { inset:76px 0 0; }
  .continuous-projects .motion-stage.handoff-source,
  .continuous-projects .motion-stage.handoff-target { inset:76px 0 auto 0;width:100%;height:calc(100svh - 76px); }
}