.automatic-prototype .scene-header { height: 117px; }
.automatic-prototype .scene-nav { top: 49px; }
.automatic-prototype .divider-top { top: 109px; }
.automatic-prototype .scene-intro { line-height: 115px; height: 361px; padding-right: 70px; pointer-events: auto; isolation: isolate; }
.automatic-prototype .credential { top: calc(594px + var(--cycle-extra, 0px)); }
.automatic-prototype .divider-bottom { top: calc(666px + var(--cycle-extra, 0px)); }
.automatic-prototype .scene-work { top: calc(749px + var(--cycle-extra, 0px)); }
.intro-anchor { position: relative; z-index: 3; }
.cycle-type { font: 400 1em/.94061080615 'Kode Mono', monospace; letter-spacing: -.025em; word-spacing: -.275em; margin-left: .21875em; }
.type-origin, .outline-origin, .letter-baseline, .brace-baseline, .dot-baseline { display: inline-block; vertical-align: baseline; width: 0; height: 0; padding: 0; }
.type-trigger { cursor: pointer; outline: none; }
.type-trigger:focus-visible { outline: 2px solid #777; outline-offset: 10px; }
.cycle-word { white-space: nowrap; }
.cycle-copy { position: relative; z-index: 3; }
.cycle-outline { position: absolute; inset: 0; padding-right: inherit; z-index: 1; pointer-events: none; }
.outline-anchor { visibility: hidden; }
.cycle-outline .cycle-glyph { -webkit-text-stroke: .26841731866em var(--scene-lime); paint-order: stroke fill; }
.cycle-letter, .cycle-glyph { display: inline-block; }
.cycle-letter { opacity: 0; }
.cycle-letter.is-visible { opacity: 1; }
.cycle-glyph { transform: translateY(0); }
.loading-dots, .cycle-brace { position: absolute; font: inherit; letter-spacing: inherit; pointer-events: none; }
.loading-dots { white-space: nowrap; z-index: 3; }
.cycle-brace { z-index: 0; }
.cycle-measure { position: absolute; left: 0; top: 0; width: 100%; visibility: hidden; pointer-events: none; font: inherit; letter-spacing: inherit; }
.cycle-toggle { position: absolute; right: 60px; top: calc(545px + var(--cycle-extra, 0px)); min-height: 36px; font: 400 14px/22px 'Kode Mono', monospace; letter-spacing: -.35px; pointer-events: auto; color: #555; }
.cycle-toggle:hover { color: #000; text-decoration: underline; text-underline-offset: 4px; }
.cycle-toggle:focus-visible { outline: 2px solid #000; outline-offset: 5px; }
@media (max-width: 699px) {
  .automatic-prototype .scene-header { height: 74px; }
  .automatic-prototype .scene-nav { top: 26px; }
  .automatic-prototype .divider-top { top: 71px; }
  .automatic-prototype .scene-intro { line-height: 1.2; height: 275px; width: calc(100% - 48px); padding-right: 0; }
  .cycle-toggle { right: 20px; top: calc(365px + var(--cycle-extra, 0px)); min-height: 44px; font-size: 11px; }
  .automatic-prototype .credential-role { top: calc(409px + var(--cycle-extra, 0px)); }
  .automatic-prototype .credential-school { top: calc(469px + var(--cycle-extra, 0px)); }
  .automatic-prototype .divider-bottom { top: calc(516px + var(--cycle-extra, 0px)); }
  .automatic-prototype .scene-work { top: calc(555px + var(--cycle-extra, 0px)); }
}
@media (prefers-reduced-motion: reduce) { .cycle-glyph { transform: none !important; } }