/* v83 · Process: STEP 카드 5장 (plan-et 프로세스 구성 참고), 오른쪽으로 갈수록 한 칸씩 올라가는 계단 */
#process.psteps{padding-top:clamp(110px,12vw,180px);padding-bottom:clamp(90px,10vw,150px)}
.ps-head{text-align:center;max-width:820px;margin:0 auto}
.ps-head .section-index{justify-content:center}
.ps-title{margin:18px 0 0;font:750 clamp(34px,4.2vw,64px)/1.2 var(--kr);letter-spacing:-.055em;color:#fff}
.ps-title mark{padding:0 .1em}
.ps-sub{margin:20px 0 0;font:400 var(--t4,18px)/1.65 var(--kr);color:rgba(255,255,255,.66);letter-spacing:-.025em}

.ps-list{list-style:none;margin:clamp(56px,6vw,96px) 0 0;padding:0;display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:14px;align-items:end}
/* each step sits one riser higher than the one before */
@media (min-width:1101px){.ps-card{margin-bottom:calc(var(--i) * 34px)}}
.ps-card{position:relative;display:flex;flex-direction:column;min-height:470px;padding:26px 22px 0;border-radius:24px;overflow:hidden;
 background:linear-gradient(180deg,rgba(255,255,255,.055),rgba(255,255,255,.015) 70%);border:1px solid rgba(255,255,255,.1);
 transition:border-color .45s ease,background .45s ease,transform .6s cubic-bezier(.22,1,.36,1)}
.ps-card:hover{border-color:rgba(253,69,51,.45);transform:translateY(-6px)}
.ps-pill{align-self:flex-start;display:inline-flex;align-items:center;height:32px;padding:0 14px;border-radius:999px;background:#fd4533;color:#fff;font:700 13px/1 var(--en);letter-spacing:.01em}
.ps-card h3{margin:22px 0 10px;font:750 clamp(24px,2vw,30px)/1.25 var(--kr) !important;letter-spacing:-.05em !important;color:#fff}
.ps-lead{margin:0;font:600 15px/1.55 var(--kr);color:rgba(255,255,255,.9);letter-spacing:-.025em}
.ps-desc{margin:6px 0 0;font:400 14px/1.6 var(--kr);color:rgba(255,255,255,.55);letter-spacing:-.02em}
.ps-out{margin:16px 0 0;padding-top:12px;border-top:1px solid rgba(255,255,255,.1);font:500 13px/1.5 var(--kr);color:rgba(255,255,255,.78)}
.ps-out small{display:block;margin-bottom:3px;font-size:11px;color:#fd4533;letter-spacing:.02em}
.ps-art{position:relative;margin:auto -22px 0;height:190px;display:flex;align-items:flex-end;justify-content:center;pointer-events:none}
.ps-art::after{content:'';position:absolute;inset:auto 0 0;height:40%;background:linear-gradient(180deg,transparent,rgba(10,10,12,.55))}
.ps-art img{width:118%;max-width:none;height:100%;object-fit:cover;object-position:50% 60%;
 -webkit-mask-image:radial-gradient(ellipse 62% 70% at 50% 58%,#000 45%,transparent 100%);mask-image:radial-gradient(ellipse 62% 70% at 50% 58%,#000 45%,transparent 100%);
 opacity:.92;transform:translate(var(--psx,0),var(--psy,0)) scale(1);transition:transform .7s cubic-bezier(.22,1,.36,1),opacity .5s}
.ps-card:hover .ps-art img{transform:translate(var(--psx,0),var(--psy,0)) scale(1.05);opacity:1}
.ps-card:first-child .ps-art img{object-fit:contain;width:70%;height:96%}

@media (max-width:1100px){
 .ps-list{grid-template-columns:repeat(2,minmax(0,1fr))}
 .ps-card{min-height:440px}
}
@media (max-width:640px){
 .ps-list{grid-template-columns:1fr;gap:12px}
 .ps-card{min-height:0}
 .ps-art{height:170px}
}
@media (prefers-reduced-motion:reduce){.ps-card,.ps-art img{transition:none}}