/* Motion belongs to the real page. Content stays visible if JavaScript fails. */
#motion-toggle{font:inherit;min-height:24px;color:var(--color-purple);background:none;border:0;border-bottom:1px solid var(--color-primary);padding:0;cursor:pointer}
#motion-toggle[aria-pressed=true]{color:var(--color-ink)}
.reading-progress{position:absolute;inset:0 0 auto;height:3px;overflow:hidden;pointer-events:none}
.reading-progress>span{display:block;width:100%;height:100%;background:var(--gradient-button);transform:scaleX(0);transform-origin:left center}
.header-inner{transition:height .35s cubic-bezier(.22,.7,.25,1)}
.site-header{transition:box-shadow .35s,background-color .35s}
.site-header.is-scrolled{box-shadow:0 5px 24px color-mix(in srgb,var(--color-purple) 12%,transparent)}
.is-scrolled .header-inner{height:76px}
.motion-ready .hero-photo img{animation:vera-03-portrait-mask 1.3s .1s cubic-bezier(.22,.7,.25,1) both}
.orbit-art.has-drawn-orbits span{border:0;box-shadow:none;color:var(--color-primary)}
.orbit-art.has-drawn-orbits span:nth-child(2){color:var(--color-purple)}
.orbit-art.has-drawn-orbits span:nth-child(3){color:var(--color-white)}
.orbit-art.has-drawn-orbits svg{width:100%;height:100%;overflow:visible;fill:none;stroke:currentColor;stroke-width:2}
.orbit-art.has-drawn-orbits ellipse{stroke-dasharray:1;stroke-dashoffset:0}
.step-number{position:relative}
.step-track{display:block;position:relative;flex:1;height:2px;background:var(--color-line);overflow:hidden;border-radius:2px}
.step-track>i{display:block;width:100%;height:100%;background:var(--gradient-button);transform:scaleX(1);transform-origin:left center}
.steps.has-step-tracks .step-number:after{display:none}
.motion-sleep,.motion-sleep *,.motion-sleep:before,.motion-sleep:after,.motion-sleep *:before,.motion-sleep *:after{animation-play-state:paused!important}
.motion-idle *,.motion-idle *:before,.motion-idle *:after{animation-play-state:paused!important}
@keyframes vera-03-portrait-mask{from{clip-path:inset(8% 6% 8% 6% round 100px);scale:1.055}to{clip-path:inset(0 round 0);scale:1}}
@media(max-width:640px){
  .demo-strip{flex-wrap:wrap;align-items:center;column-gap:12px;row-gap:3px;font-size:10px}
  #motion-toggle{white-space:nowrap;font-size:10px}
  .is-scrolled .header-inner{height:70px}
  .steps.has-step-tracks .step-number{position:absolute;top:24px;left:24px;width:26px;min-height:65px;flex-direction:column;gap:10px;margin:0}
  .step-track{width:2px;min-height:25px;flex:1}
  .step-track>i{transform-origin:center top}
}
@media(hover:none){.button:hover,.topic-list button:hover,.format-card:hover,.steps li:hover,.principle:hover{transform:none}.round-button:hover{transform:none}}
html.reduce-motion{scroll-behavior:auto}
.reduce-motion *,.reduce-motion *:before,.reduce-motion *:after{animation:none!important;transition:none!important}
.reduce-motion .hero-visual{translate:none}
.reduce-motion .hero-photo{transform:none}
.reduce-motion .button:hover,.reduce-motion .topic-list button:hover,.reduce-motion .format-card:hover,.reduce-motion .steps li:hover,.reduce-motion .principle:hover{transform:none}
@media(prefers-reduced-motion:reduce){.hero-photo img{clip-path:none!important;scale:none!important}.header-inner,.site-header{transition:none}.hero-visual{translate:none}}