.how-we-work,.step-icon{align-items:center;display:flex}.how-we-work-title,.step-title{font-family:'Cormorant Garamond',serif;font-weight:600}.how-we-work{padding:100px 0;background:linear-gradient(135deg,#f9f9f9 0,#f0f0f0 100%);position:relative;overflow:hidden;min-height:100vh}.how-we-work-title,.process-step{text-align:center;background-color:rgba(255,255,255,.8);position:relative}.how-we-work::before{content:'';position:absolute;top:0;left:0;width:100%;height:100%;background-image:url('../media/imgs/photo_5886583078573427018_y.jpg');background-position:center;background-size:cover;opacity:.9;z-index:0}.how-we-work-process::before,.how-we-work-title::after{position:absolute;background:linear-gradient(to right,#c9a96e,#e2d1a5,#c9a96e);content:''}.how-we-work-container{max-width:1320px;margin:0 auto;padding:0 30px;position:relative;z-index:2}.how-we-work-title{font-size:3.5rem;margin-bottom:80px;color:#333;animation:1s ease-out forwards fadeInDown;border:1px solid var(--dark-color);padding:20px;border-radius:10px}.how-we-work-title::after{bottom:-20px;left:50%;transform:translateX(-50%);width:80px;height:2px}.how-we-work-process{display:flex;justify-content:space-between;flex-wrap:wrap;position:relative;padding:40px 0}.how-we-work-process::before{top:120px;left:5%;right:5%;height:3px;z-index:1;opacity:.6;animation:1.5s ease-out .8s forwards growLine;transform:scaleX(0);transform-origin:left}.process-step.mobile-hover-active,.process-step:hover{box-shadow:0 20px 40px rgba(0,0,0,.08);background-color:rgba(255,255,255,.95)}.process-step{flex:0 0 calc(25% - 40px);z-index:2;transition:transform .4s ease-out,box-shadow .4s;padding:20px;border-radius:12px;box-shadow:0 15px 35px rgba(0,0,0,.05);border:1px solid var(--dark-color);backdrop-filter:blur(5px);opacity:0;transform:translateY(30px)}.step-icon,.step-icon::after{border-radius:50%;transition:.4s}.process-step:first-child{animation:.8s ease-out .1s forwards fadeInUp}.process-step:nth-child(2){animation:.8s ease-out .3s forwards fadeInUp}.process-step:nth-child(3){animation:.8s ease-out .5s forwards fadeInUp}.process-step:nth-child(4){animation:.8s ease-out .7s forwards fadeInUp}.process-step:hover{transform:translateY(-15px)}.step-icon{justify-content:center;width:140px;height:140px;margin:0 auto 30px;background-color:#fff;box-shadow:0 10px 25px rgba(201,169,110,.15);position:relative;animation:3s ease-in-out infinite pulse-glow}.step-icon::after{content:'';position:absolute;top:-8px;left:-8px;right:-8px;bottom:-8px;border:2px solid var(--dark-color);opacity:.3}.process-step.mobile-hover-active .step-icon,.process-step:hover .step-icon{transform:scale(1.1);box-shadow:0 15px 35px rgba(201,169,110,.25)}.process-step.mobile-hover-active .step-icon::after,.process-step:hover .step-icon::after{top:-15px;left:-15px;right:-15px;bottom:-15px;opacity:.5}.process-step.mobile-hover-active{transform:translateY(0)}.step-icon svg{width:60px;height:60px;fill:#c9a96e;transition:transform .3s}.process-step:hover .step-icon svg{transform:scale(1.1)}.step-number{position:absolute;top:-15px;right:-15px;width:44px;height:44px;background-color:var(--dark-color);color:#fff;border-radius:50%;display:flex;align-items:center;justify-content:center;font-weight:600;font-size:20px;box-shadow:0 5px 15px rgba(201,169,110,.3);transition:.3s}.process-step:hover .step-number{transform:scale(1.1);box-shadow:0 8px 20px rgba(201,169,110,.4)}.step-title{font-size:1.8rem;margin-bottom:15px;color:#333}.step-description{font-size:1rem;line-height:1.7;color:#555}@keyframes fadeInDown{from{opacity:0;transform:translateY(-30px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeInUp{from{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}@keyframes growLine{from{transform:scaleX(0)}to{transform:scaleX(1)}}@keyframes pulse-glow{0%,100%{box-shadow:0 0 15px rgba(201,169,110,.1)}50%{box-shadow:0 0 30px rgba(201,169,110,.3)}}@media (max-width:1280px){.how-we-work{min-height:auto;padding:80px 0}.how-we-work-title{font-size:3rem;margin-bottom:60px}}@media (max-width:1024px){.process-step{flex:0 0 calc(50% - 40px);margin-bottom:60px}.how-we-work-process::before{display:none}.how-we-work-title{font-size:2.8rem}}@media (max-width:768px){.how-we-work{padding:60px 0}.how-we-work-title{font-size:2.5rem}.process-step{flex:0 0 100%;max-width:360px;margin:0 auto 50px}.step-icon{width:120px;height:120px}.step-icon svg{width:50px;height:50px}.step-title{font-size:1.6rem}}