/* A readable process at every frame; motion adds emphasis, never hides content. */
.process-hero{height:auto;max-height:none;min-height:calc(100svh - 94px);background:radial-gradient(ellipse at 75% 35%,#303329 0,transparent 60%),#171918}
.process-hero .hero-title{margin-top:0;padding-top:55px}
.process-hero .hero-title h1{font-size:clamp(58px,6.8vw,106px);margin-bottom:35px}
.process-animation{margin:0 0 32px}
.process-caption{display:flex;justify-content:space-between;color:#bfc5bd;font-size:10px;letter-spacing:.15em;padding-bottom:15px}
.process-track{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));border:1px solid #ffffff30}
.process-stage{position:relative;padding:22px 24px;background:#ffffff03;animation:process-emphasis 16s linear infinite;animation-delay:calc(var(--stage) * 4s)}
.process-stage+.process-stage{border-left:1px solid #ffffff30}
.process-art{height:88px;position:relative;width:100px;margin-bottom:20px}
.process-art i{position:absolute;display:block;width:28px;height:28px;border:1px solid #ff8756;left:36px;top:30px;animation:process-assemble 16s ease-in-out infinite;animation-delay:calc(var(--stage) * 4s);--x:0px;--y:0px}
.process-art i{transform:translate(var(--x),var(--y))}.process-art i:nth-child(1){--x:-24px;--y:-24px}.process-art i:nth-child(2){--x:24px;--y:-24px}.process-art i:nth-child(3){--x:-24px;--y:24px}.process-art i:nth-child(4){--x:24px;--y:24px}
.art-strategy i{border-radius:50%;width:48px;height:48px;left:26px;top:20px}
.art-design i:nth-child(2),.art-design i:nth-child(3){background:#ff642944;border-radius:50%}
.art-technology{background:linear-gradient(#ff875660,#ff875660) center/70px 1px no-repeat,linear-gradient(#ff875660,#ff875660) center/1px 70px no-repeat}
.art-technology i{width:18px;height:18px;left:41px;top:35px;background:#171918}
.art-integrate i{background:var(--orange);border:0;width:24px;height:24px;left:38px;top:32px;--x:0px;--y:0px}
.art-integrate i:nth-child(1){--x:-14px;--y:-14px}.art-integrate i:nth-child(2){--x:14px;--y:-14px}.art-integrate i:nth-child(3){--x:-14px;--y:14px}.art-integrate i:nth-child(4){--x:14px;--y:14px}
.process-number{font-size:10px;letter-spacing:.1em;color:#ff8756}
.process-copy h2{font-size:clamp(24px,2.5vw,38px);letter-spacing:-.045em;margin:8px 0 12px}
.process-copy p{font-size:13px;line-height:1.65;color:#f7f7f3;margin:0}.process-copy p span{color:#bfc5bd}
.process-next{position:absolute;right:-14px;top:60px;width:28px;height:28px;display:grid;place-items:center;background:#171918;color:#ff8756;z-index:1}
.process-hero.is-paused .process-stage,.process-hero.is-paused .process-art i{animation-play-state:paused}
@keyframes process-emphasis{0%,24%{background:#ff642918;box-shadow:inset 0 3px #ff6429}25%,100%{background:#ffffff03;box-shadow:inset 0 3px transparent}}
@keyframes process-assemble{0%,100%{transform:translate(var(--x),var(--y)) rotate(0)}12%,22%{transform:translate(calc(var(--x) * .55),calc(var(--y) * .55)) rotate(90deg)}30%,95%{transform:translate(var(--x),var(--y)) rotate(0)}}
@media(max-width:760px){
 .process-hero{padding-top:25px;min-height:0}.process-hero .hero-title{padding-top:30px}.process-hero .hero-title h1{font-size:clamp(43px,9.5vw,70px);margin-bottom:28px}
 .process-track{grid-template-columns:1fr}.process-stage{display:flex;align-items:center;gap:22px;padding:18px 22px;min-height:132px}.process-stage+.process-stage{border-left:0;border-top:1px solid #ffffff30}
 .process-art{flex:0 0 90px;margin:0}.process-copy h2{font-size:27px;margin:3px 0 6px}.process-copy p{font-size:12px}.process-next{right:auto;left:53px;top:auto;bottom:-14px;transform:rotate(90deg)}
 .process-hero .hero-bottom{grid-template-columns:1fr}.process-hero .hero-bottom button{justify-self:start;min-width:100px}.process-hero .hero-credit{line-height:1.7}
}
@media(max-width:360px){.process-stage{gap:12px;padding:16px 12px}.process-art{flex-basis:82px;transform:scale(.8);transform-origin:left center}.process-copy h2{font-size:25px}.process-caption{font-size:9px}}
@media(prefers-reduced-motion:reduce){.process-stage,.process-art i{animation:none}.process-art i{transform:translate(var(--x),var(--y))}.process-stage:last-child{box-shadow:inset 0 3px #ff6429}}