#process .step{grid-template-columns:minmax(0,1fr) clamp(84px,10vw,126px);align-items:center;gap:clamp(10px,2vw,24px)}
#process .steps{gap:clamp(28px,4vw,54px)}
#process .step h3{font-size:min(clamp(22px,2.4vw,34px),var(--type-subheading))}
.pt-copy{display:grid;gap:8px;min-width:0}
.pt-scene{position:relative;isolation:isolate;aspect-ratio:124/96;border-radius:16px;background:radial-gradient(ellipse at 34% 15%,#f6fbff,#dceaf3)}
.pt-scene:is(.pt-plan,.pt-launch){background:radial-gradient(ellipse at 34% 15%,#fafbe9,#e9edce)}
.pt-art{display:block;width:100%;height:auto;overflow:visible}
.pt-object{filter:drop-shadow(1px 4px 3px #24465f32)}
@media(max-width:540px){
  #process .steps{padding-left:27px}
  #process .step{align-items:start;grid-template-columns:minmax(0,1fr) clamp(62px,18vw,84px)}
  #process .step::before{left:-27px}
  .pt-scene{border-radius:10px;margin-top:2px}
}
@media(prefers-reduced-motion:no-preference){
  .pt-ready .step:not(.pt-play) .pt-scene{opacity:0}
  .pt-ready .pt-play .pt-scene{animation:pt-arrive .65s var(--pt-delay,0ms) cubic-bezier(.22,1,.36,1) both}
  .pt-play .pt-dot{transform-box:fill-box;animation:pt-dot .55s calc(var(--pt-delay,0ms) + 160ms) ease both}
  .pt-play .pt-dot:nth-child(2){animation-delay:calc(var(--pt-delay,0ms) + 250ms)}
  .pt-play .pt-dot:nth-child(3){animation-delay:calc(var(--pt-delay,0ms) + 340ms)}
  .pt-play .pt-ink{stroke-dasharray:1;animation:pt-draw .65s calc(var(--pt-delay,0ms) + 160ms) ease-out both}
  @keyframes pt-arrive{from{opacity:0;transform:perspective(350px) translateY(14px) rotateX(-17deg) scale(.91)}to{opacity:1;transform:none}}
  @keyframes pt-dot{0%{opacity:.25;transform:translateY(2px)}45%{opacity:1;transform:translateY(-3px)}100%{opacity:1;transform:none}}
  @keyframes pt-draw{from{stroke-dashoffset:1}to{stroke-dashoffset:0}}
}