.proc-section{background:var(--color-surface,#f7f5f0);padding:var(--space-section,120px)0}.proc-container{max-width:var(--max-width,1440px);margin:0 auto;padding:0 clamp(1.5rem,3vw,3rem)}.proc-header{margin-bottom:clamp(1.5rem,3vw,2rem)}.proc-title{font-size:var(--text-h1,clamp(2.8rem,5vw,5rem));letter-spacing:-.02em;margin:.5rem 0 0;font-weight:500;line-height:1.1}.proc-layout{grid-template-columns:1.2fr 1fr;gap:clamp(2rem,4vw,4rem);display:grid}.proc-visual{background:#f0f0f0;border-radius:4px;position:relative;overflow:hidden}.proc-image-stack{width:100%;height:100%;min-height:450px;position:relative}.proc-img{object-fit:cover;opacity:0;width:100%;height:100%;transition:opacity .6s ease,transform 1s var(--ease-out,cubic-bezier(.16,1,.3,1));z-index:0;position:absolute;top:0;left:0;transform:scale(1.08)}.proc-img.active{opacity:1;z-index:1;transform:scale(1)}.proc-img-overlay{z-index:2;pointer-events:none;background:linear-gradient(#00000059 0%,#0000 50%);width:100%;height:100%;position:absolute;top:0;left:0}.proc-phase-badge{z-index:5;text-transform:uppercase;letter-spacing:.15em;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);color:var(--color-ink,#0a0a0a);background:#ffffffe6;border-radius:20px;padding:7px 14px;font-size:.65rem;font-weight:600;position:absolute;bottom:20px;right:20px}.proc-steps{flex-direction:column;display:flex}.proc-list-wrapper{flex-direction:column;flex:1;padding-left:24px;display:flex;position:relative}.proc-progress-track{background:var(--color-border,#e0ddd6);width:2px;height:100%;position:absolute;top:0;left:0}.proc-progress-fill{background:var(--color-ink,#0a0a0a);width:100%;transition:height .5s var(--ease-out,cubic-bezier(.16,1,.3,1))}.proc-list{flex-direction:column;flex:1;justify-content:space-between;margin:0;padding:0;list-style:none;display:flex}.proc-item{border-top:1px solid var(--color-border,#e0ddd6);cursor:pointer;padding:18px 0;transition:all .3s}.proc-item:last-child{border-bottom:1px solid var(--color-border,#e0ddd6)}.proc-item-header{align-items:center;gap:20px;display:flex}.proc-id{color:var(--color-muted,#888);font-family:monospace;font-size:.7rem;transition:color .3s}.proc-name{color:var(--color-muted,#888);font-size:clamp(1rem,1.4vw,1.25rem);font-weight:400;transition:all .3s}.proc-item.active .proc-id{color:var(--color-accent,#c5a47e)}.proc-item.active .proc-name{color:var(--color-ink,#0a0a0a);font-weight:500;transform:translate(8px)}.proc-item-body{opacity:0;max-height:0;padding-left:42px;transition:all .4s cubic-bezier(.25,.8,.25,1);overflow:hidden}.proc-item.active .proc-item-body{opacity:1;max-height:100px;margin-top:8px;padding-bottom:8px}.proc-item-body p{color:#666;margin:0;font-size:.9rem;line-height:1.6}.proc-cta{margin-top:clamp(1.5rem,3vw,2.5rem)}@media (max-width:1024px){.proc-layout{grid-template-columns:1fr}.proc-visual{height:350px;min-height:350px}.proc-image-stack{min-height:350px}.proc-list-wrapper{padding-left:20px}.proc-cta{justify-content:center;display:flex}}