@font-face{font-family:"geom";src:url("../fonts/Geom-Regular.woff2") format("woff2");font-display:swap}@font-face{font-family:"m700";src:url("../fonts/Montserrat-Bold.woff2") format("woff2");font-display:swap}@font-face{font-family:"m600";src:url("../fonts/Montserrat-SemiBold.woff2") format("woff2");font-display:swap}@font-face{font-family:"m500";src:url("../fonts/Montserrat-Medium.woff2") format("woff2");font-display:swap}@font-face{font-family:"m400";src:url("../fonts/Montserrat-Regular.woff2") format("woff2");font-display:swap}@font-face{font-family:"m300";src:url("../fonts/Montserrat-Light.woff2") format("woff2");font-display:swap}.work-process{padding:120px 0;background:#fff;position:relative}@media screen and (max-width: 1024px){.work-process{padding:80px 40px}}@media screen and (max-width: 768px){.work-process{padding:60px 20px}}.work-process .process-container{max-width:1200px;margin:0 auto}.work-process .process-header{text-align:center;margin-bottom:80px}@media screen and (max-width: 768px){.work-process .process-header{margin-bottom:60px}}.work-process .process-title{font-family:"geom";font-weight:400;font-size:48px;line-height:1.2;color:#17181c;margin-bottom:16px;text-transform:uppercase;letter-spacing:2px}@media screen and (max-width: 1024px){.work-process .process-title{font-size:36px}}@media screen and (max-width: 768px){.work-process .process-title{font-size:28px;margin-bottom:12px}}.work-process .process-subtitle{font-family:"m400";font-size:18px;color:rgba(23, 24, 28, 0.7);margin:0}@media screen and (max-width: 768px){.work-process .process-subtitle{font-size:16px}}.work-process .process-timeline{display:grid;grid-template-columns:1fr;gap:40px;margin-bottom:80px}@media screen and (max-width: 768px){.work-process .process-timeline{gap:32px;margin-bottom:60px}}.work-process .process-step{display:grid;grid-template-columns:80px 1fr;gap:32px;align-items:flex-start;position:relative}@media screen and (max-width: 768px){.work-process .process-step{grid-template-columns:60px 1fr;gap:20px}}.work-process .process-step:not(:last-child) .step-connector{position:absolute;left:39px;top:80px;width:2px;height:60px;background:linear-gradient(180deg, rgba(255, 115, 50, 0.3) 0%, rgba(255, 115, 50, 0.1) 100%)}@media screen and (max-width: 768px){.work-process .process-step:not(:last-child) .step-connector{left:29px;height:52px}}.work-process .process-step::before{content:attr(data-step);position:absolute;left:-20px;top:-10px;font-family:"geom";font-size:14px;font-weight:400;color:rgba(255, 115, 50, 0.6);letter-spacing:1px}@media screen and (max-width: 768px){.work-process .process-step::before{left:-16px;font-size:12px}}.work-process .step-icon{width:80px;height:80px;background:linear-gradient(135deg, rgba(255, 115, 50, 0.1) 0%, rgba(255, 115, 50, 0.05) 100%);border:2px solid rgba(255, 115, 50, 0.2);border-radius:20px;display:flex;align-items:center;justify-content:center;transition:all .3s ease;position:relative;z-index:1}@media screen and (max-width: 768px){.work-process .step-icon{width:60px;height:60px;border-radius:16px}}.work-process .step-icon svg{color:rgba(255, 115, 50, 0.8);transition:all .3s ease}@media screen and (max-width: 768px){.work-process .step-icon svg{width:24px;height:24px}}.work-process .step-icon:hover{transform:translateY(-4px);border-color:rgba(255, 115, 50, 0.4);box-shadow:0 10px 30px rgba(255, 115, 50, 0.15)}.work-process .step-icon:hover svg{color:#ff7332;transform:scale(1.1)}.work-process .step-content{padding-top:8px}@media screen and (max-width: 768px){.work-process .step-content{padding-top:4px}}.work-process .step-title{font-family:"m600";font-weight:600;font-size:24px;line-height:1.3;color:#17181c;margin-bottom:12px}@media screen and (max-width: 768px){.work-process .step-title{font-size:20px;margin-bottom:8px}}.work-process .step-description{font-family:"m400";font-size:16px;line-height:1.6;color:rgba(23, 24, 28, 0.7);margin:0}@media screen and (max-width: 768px){.work-process .step-description{font-size:14px}}.work-process .process-stats{display:grid;grid-template-columns:repeat(4, 1fr);gap:40px;padding:60px 0;border-top:1px solid rgba(23, 24, 28, 0.1)}@media screen and (max-width: 1024px){.work-process .process-stats{grid-template-columns:repeat(2, 1fr);gap:32px;padding:50px 0}}@media screen and (max-width: 768px){.work-process .process-stats{grid-template-columns:repeat(2, 1fr);gap:24px;padding:40px 0}}.work-process .stat-item{text-align:center;padding:20px;border-radius:16px;background:rgba(255, 115, 50, 0.02);border:1px solid rgba(255, 115, 50, 0.1);transition:all .3s ease}@media screen and (max-width: 768px){.work-process .stat-item{padding:16px;border-radius:12px}}.work-process .stat-item:hover{transform:translateY(-4px);background:rgba(255, 115, 50, 0.05);border-color:rgba(255, 115, 50, 0.2);box-shadow:0 10px 30px rgba(255, 115, 50, 0.1)}.work-process .stat-number{font-family:"geom";font-weight:400;font-size:36px;line-height:1.2;color:rgba(255, 115, 50, 0.9);margin-bottom:8px}@media screen and (max-width: 768px){.work-process .stat-number{font-size:28px;margin-bottom:6px}}.work-process .stat-label{font-family:"m500";font-weight:500;font-size:14px;color:rgba(23, 24, 28, 0.7);text-transform:uppercase;letter-spacing:.5px}@media screen and (max-width: 768px){.work-process .stat-label{font-size:12px}}/*# sourceMappingURL=work-process.css.map */