/* Later entrances. The scroll triggers them; playback remains time based. */
.new-design .portrait-stage{transition-delay:.14s}
.new-design .bio .word-mask{
 padding:.16em .1em .2em;margin:-.16em -.1em -.2em;
 line-height:inherit;vertical-align:bottom;
}
.new-design .bio .word-body{line-height:inherit}
.new-design .bio .founder-heading .word-mask{margin-left:-.1em}
.new-design .words-ready .word-body{transition-delay:calc(var(--delay,0ms) + .14s)}
.new-design .manifesto-words .word-body{transition-delay:calc(var(--delay,0ms) + .14s),0s}
.new-design .manifesto-words .is-in .word-body{animation-delay:calc(var(--delay,0ms) + .14s)}
/* Lower the environment, preserving bright, readable type. */
.new-design .contact{
 background:radial-gradient(ellipse at 83% 50%,#17304b22,transparent 42%),
 radial-gradient(ellipse at 86% 76%,#33243e10,transparent 42%),#030405;
}
.new-design .contact:before{opacity:.24}
/* Short traveling segments: the tail follows while the head is still entering.
   A stroke can never occupy more than 17% of its complete path. */
.energy-field{
 mask-image:linear-gradient(90deg,transparent,#0001 12%,#0002 43%,#000a 67%,#000 89%,transparent);
}
.energy-field path{stroke-dasharray:.17 1.3;stroke-dashoffset:.2}
.energy-halo{stroke-width:20;filter:blur(12px)}
.energy-core{stroke-width:3;filter:drop-shadow(0 0 5px #b2d7ff) drop-shadow(0 0 14px #7196ce)}
.energy-thread.second{opacity:.5;transform:translateY(10px)}
.energy-thread.second path{stroke-dasharray:.13 1.3}
.energy-thread.third{opacity:.3}
.energy-thread.third path{stroke-dasharray:.11 1.3}
.scene-entered .energy-field path{animation:energy-tail 8.5s linear .2s infinite both}
.scene-entered .energy-thread.second path{animation-delay:.48s}
.scene-entered .energy-thread.third path{animation-delay:.76s}
@keyframes energy-tail{
 0%{stroke-dashoffset:.2;opacity:0}
 3%{opacity:.5}
 22%{opacity:.5}
 31%,100%{stroke-dashoffset:-1.08;opacity:0}
}
.motion-paused .energy-field path{animation-play-state:paused}
@media(max-width:560px){
 .energy-field{top:25%;height:55%;mask-image:linear-gradient(90deg,transparent,#0004 15%,#000 60%,transparent)}
}
@media(prefers-reduced-motion:reduce){
 .new-design .portrait-stage,.new-design .word-body{transition-delay:0s}
 .new-design .manifesto-words .is-in .word-body{animation:none}
}