.feature-story-stage{aspect-ratio:5/4;background:color-mix(in oklab, var(--paper-foreground) 3%, var(--paper))}.feature-story-stage-inner{position:absolute;inset:.75rem;container-type:size}@media (min-width:640px){.feature-story-stage-inner{inset:1.25rem}}.feature-story-stage-card{width:min(100cqw, 100cqh * var(--card-aspect));aspect-ratio:var(--card-aspect);background:var(--paper);box-shadow:0 0 0 1px var(--paper-border), 0 1px 2px color-mix(in oklab, var(--paper-foreground) 8%, transparent);border-radius:.75rem;overflow:hidden}.feature-story-stage-img{width:calc(100% * var(--card-zoom));max-width:none;height:auto;margin-left:calc(-100% * var(--card-left));vertical-align:top}@keyframes feature-story-dwell-x{0%{transform:scaleX(0)}to{transform:scaleX(1)}}.feature-story-dwell-card{transform-origin:0;width:100%;height:3px;animation:6s linear both feature-story-dwell-x;position:absolute;bottom:0;left:0}@media (min-width:1024px){.feature-story-dwell-card{transform-origin:top;width:.125rem;height:100%;animation-name:feature-story-dwell;top:0;left:-.125rem}}@property --story-fade-top{syntax:"<length>";inherits:false;initial-value:0}@property --story-fade-bottom{syntax:"<length>";inherits:false;initial-value:0}@property --story-fade-end{syntax:"<length>";inherits:false;initial-value:0}.feature-story-rail{-webkit-mask-image:linear-gradient(to right, #000 calc(100% - var(--story-fade-end)), transparent);mask-image:linear-gradient(to right, #000 calc(100% - var(--story-fade-end)), transparent);transition:--story-fade-end .3s ease-out}.feature-story-rail[data-more]{--story-fade-end:2rem}@media (min-width:1024px){.feature-story-rail{transform:translateY(var(--story-steps-y,0px));transition:transform .7s cubic-bezier(.2,.8,.2,1);-webkit-mask-image:none;mask-image:none}.feature-story-steps{-webkit-mask-image:linear-gradient(to bottom, transparent, #000 var(--story-fade-top), #000 calc(100% - var(--story-fade-bottom)), transparent);mask-image:linear-gradient(to bottom, transparent, #000 var(--story-fade-top), #000 calc(100% - var(--story-fade-bottom)), transparent);transition:--story-fade-top .7s cubic-bezier(.2,.8,.2,1),--story-fade-bottom .7s cubic-bezier(.2,.8,.2,1)}}@media (prefers-reduced-motion:reduce){.feature-story-rail,.feature-story-steps{transition:none}}
