.process{position:relative;overflow:hidden}.process:before{content:"05";position:absolute;right:-.02em;top:-.18em;font:700 clamp(210px,32vw,520px)/1 "Barlow Condensed";color:transparent;-webkit-text-stroke:1px rgba(255,255,255,.035);pointer-events:none}.process>.section-tag,.process>h2,.process-intro,.process-photo,.workflow-track,.steps{position:relative;z-index:1}.process-intro{display:grid;grid-template-columns:minmax(260px,680px) auto;align-items:end;justify-content:space-between;gap:30px;margin:-38px 0 55px}.process-intro p{margin:0;color:#aeb1b2;font-size:16px;line-height:1.75}.process-intro span{font:600 clamp(42px,5vw,76px)/1 "Barlow Condensed";letter-spacing:-.04em;color:var(--red2);white-space:nowrap}.workflow-track{height:2px;margin:0 0 -2px;background:rgba(255,255,255,.14);overflow:visible}.workflow-track:before{content:"";position:absolute;inset:0;background:linear-gradient(90deg,var(--red),#f25155,var(--red));transform-origin:left;animation:workflowLine 9s cubic-bezier(.65,0,.35,1) infinite}.workflow-track i{position:absolute;width:12px;height:12px;top:50%;left:0;border-radius:50%;background:#fff;box-shadow:0 0 0 5px rgba(197,43,47,.25),0 0 24px #c52b2f;transform:translate(-50%,-50%);animation:workflowPulse 9s cubic-bezier(.65,0,.35,1) infinite}.steps{grid-template-columns:repeat(6,1fr);border-top:0}.steps div{position:relative;min-height:285px;padding:38px 22px 28px;overflow:hidden;transition:background .35s,transform .35s}.steps div:before{content:"";position:absolute;top:-5px;left:20px;width:10px;height:10px;border-radius:50%;background:#515558;border:2px solid #161819;transition:.3s}.steps div:after{content:"";position:absolute;inset:0;background:linear-gradient(155deg,rgba(197,43,47,.16),transparent 55%);opacity:0;transition:.35s}.steps div:hover{background:#1d2021;transform:translateY(-5px)}.steps div:hover:before{background:var(--red2);box-shadow:0 0 18px var(--red2)}.steps div:hover:after{opacity:1}.steps b,.steps h3,.steps p,.steps small,.step-state{position:relative;z-index:1}.step-state{float:right;font:500 11px "Barlow Condensed";letter-spacing:.14em;color:#686c6e}.steps h3{font-size:24px;margin-top:50px}.steps p{font-size:14px}.steps small{display:block;margin-top:25px;font:500 10px/1.4 "Barlow Condensed";letter-spacing:.11em;color:#6f7375}.steps div:nth-child(1):before{animation:stepGlow 9s 0s infinite}.steps div:nth-child(2):before{animation:stepGlow 9s 1.35s infinite}.steps div:nth-child(3):before{animation:stepGlow 9s 2.7s infinite}.steps div:nth-child(4):before{animation:stepGlow 9s 4.05s infinite}.steps div:nth-child(5):before{animation:stepGlow 9s 5.4s infinite}.steps div:nth-child(6):before{animation:stepGlow 9s 6.75s infinite}@keyframes workflowLine{0%{transform:scaleX(0)}85%,100%{transform:scaleX(1)}}@keyframes workflowPulse{0%{left:0;opacity:0}5%{opacity:1}85%{left:100%;opacity:1}95%,100%{left:100%;opacity:0}}@keyframes stepGlow{0%,16%,100%{background:#515558;box-shadow:none}7%{background:#fff;box-shadow:0 0 0 6px rgba(197,43,47,.35),0 0 24px #c52b2f}}
@media(max-width:1100px){.steps{grid-template-columns:repeat(3,1fr)}.workflow-track{display:none}.steps div:before{top:0}.process-intro{margin-top:-25px}}
@media(max-width:650px){.process-intro{grid-template-columns:1fr;margin:-30px 0 40px}.process-intro span{font-size:50px}.steps{grid-template-columns:1fr}.steps div{min-height:0;padding:28px 18px 32px 54px;border-right:0}.steps div:before{left:18px;top:34px}.steps div:after{background:linear-gradient(90deg,rgba(197,43,47,.16),transparent 70%)}.steps h3{margin:20px 0 8px}.step-state{float:none;display:block;margin-top:4px}.steps small{margin-top:18px}}
@media(prefers-reduced-motion:reduce){.workflow-track:before,.workflow-track i,.steps div:before{animation:none}.workflow-track:before{transform:none}}