.production-process{font-family:Inter,Arial,sans-serif;position:relative;margin-top:80px;padding:30px 0 10px;scroll-margin-top:125px}.process-intro{display:grid;grid-template-columns:39% 59%;gap:2%;align-items:center;margin-bottom:34px}.process-copy h2{font-size:clamp(38px,4.25vw,77px);font-weight:800;line-height:.97;letter-spacing:-.055em;text-transform:uppercase;margin:0 0 18px}.process-copy>p{font-size:clamp(16px,1.22vw,22px);line-height:1.25;letter-spacing:-.025em;margin:0}.process-visual{display:grid;grid-template-columns:23% 66% 7%;gap:2%;align-items:center;position:relative;min-width:0}.process-motto,.process-side{text-transform:uppercase;font-size:clamp(8px,.58vw,11px);line-height:1.8;letter-spacing:.22em}.process-motto{padding-top:45px}.process-side{line-height:2}.process-sprite{position:relative;overflow:hidden;width:100%;min-width:0}.process-sprite img{position:absolute;max-width:none;height:auto;pointer-events:none}.process-hero-art{border-radius:11%;box-shadow:0 12px 22px #00000012}.process-visual:before{content:'';position:absolute;left:6%;top:1%;width:43%;height:96%;border:1px solid #aaa;border-radius:50%;z-index:-1}.process-grid{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:14px;position:relative;padding-top:22px}.process-grid:before{content:'';position:absolute;top:0;left:6px;right:0;height:1px;background:#222}.process-step{min-width:0;position:relative;border:1px solid #c4c4ca;border-radius:24px;background:#ffffff55;padding:0 5px 6px;display:flex;flex-direction:column}.process-step:before{content:'';position:absolute;top:-28px;left:4px;width:10px;height:10px;border:1px solid #111;border-radius:50%;background:#fafafa}.process-step header{display:flex;align-items:center;gap:clamp(8px,.9vw,16px);margin:-2px -6px 10px}.process-number{display:grid;place-items:center;width:clamp(38px,3.35vw,59px);height:clamp(38px,3.35vw,59px);border:1.3px solid #111;background:#fafafa;border-radius:50%;font-size:clamp(21px,1.5vw,28px);font-weight:700;letter-spacing:-.05em;flex-shrink:0}.process-step h3{font-size:clamp(13px,1.05vw,19px);line-height:1.15;letter-spacing:-.045em;margin:0;font-weight:750}.process-step ul{padding:0 9px 0 24px;margin:0 0 16px;flex:1}.process-step li{font-size:clamp(12px,.84vw,16px);line-height:1.3;letter-spacing:-.02em;padding-left:2px;margin-bottom:6px}.process-step li::marker{color:#000}.process-step-art{border-radius:18px;margin-top:auto}.process-footer{display:flex;gap:35px;align-items:center;margin-top:25px;padding:0 5px}.process-footer>span{font-size:10px;font-weight:600;letter-spacing:.25em;text-transform:uppercase;display:flex;align-items:center;gap:20px;white-space:nowrap}.process-footer>span:before{content:'';width:19px;height:19px;border:1.5px solid #111;border-radius:50%}.process-footer i{height:1px;background:#aaa;flex:1;position:relative}.process-footer i:after{content:'';position:absolute;right:0;top:-8px;width:16px;height:16px;border:1px solid #777;border-radius:50%;background:#fafafa}.process-footer p{font-size:9px;line-height:1.9;letter-spacing:.24em;color:#888;text-transform:uppercase;margin:0}
@media(hover:hover) and (pointer:fine){.production-process :is(h2,h3,p,li,.process-number){transition:scale .25s ease}.production-process :is(h2,h3,p,li,.process-number):hover{scale:1.018}}
@media(max-width:1150px){.process-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:24px 16px}.process-step:nth-child(n+4):before{display:none}.process-step h3{font-size:18px}.process-step li{font-size:15px}.process-number{width:48px;height:48px;font-size:25px}.process-step{padding-bottom:6px}.process-step ul{margin-bottom:20px}.process-intro{grid-template-columns:44% 54%}.process-visual{grid-template-columns:1fr}.process-motto,.process-side{display:none}.process-copy h2{font-size:4.8vw}.process-copy>p{font-size:18px}.process-hero-art{border-radius:12%}}
@media(max-width:700px){.production-process{margin-top:45px;scroll-margin-top:25px}.process-intro{grid-template-columns:1fr;gap:25px}.process-copy h2{font-size:9vw}.process-copy>p{font-size:18px;max-width:550px}.process-visual{max-width:550px}.process-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:22px 12px}.process-step:nth-child(n+3):before{display:none}.process-step h3{font-size:16px}.process-step li{font-size:14px}.process-number{width:40px;height:40px;font-size:22px}.process-step header{gap:8px}.process-footer{flex-wrap:wrap;gap:20px}.process-footer p{width:100%;font-size:8px}.process-footer>span{font-size:8px;letter-spacing:.16em}.process-step ul{padding-left:22px;padding-right:6px}}
@media(max-width:420px){.process-grid{grid-template-columns:1fr;gap:24px}.process-step:nth-child(n+2):before{display:none}.process-step h3{font-size:21px}.process-step li{font-size:16px}.process-step ul{padding:0 18px 0 30px}.process-number{width:49px;height:49px;font-size:26px}.process-step header{gap:15px}.process-step-art{max-height:180px}}
@media(prefers-reduced-motion:reduce){.production-process *{transition:none!important}.production-process *:hover{scale:1!important}}