.realisation{padding:8rem 0;position:relative;overflow:hidden;background:#fff;font-family:var(--font-body)}.realisation:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;opacity:.1;background-image:url("data:image/svg+xml,%3Csvg width='100' height='100' viewBox='0 0 100 100' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M11 18c3.866 0 7-3.134 7-7s-3.134-7-7-7-7 3.134-7 7 3.134 7 7 7zm48 25c3.866 0 7-3.134 7-7s-3.134-7-7-7-7 3.134-7 7 3.134 7 7 7zm-43-7c1.657 0 3-1.343 3-3s-1.343-3-3-3-3 1.343-3 3 1.343 3 3 3zm63 31c1.657 0 3-1.343 3-3s-1.343-3-3-3-3 1.343-3 3 1.343 3 3 3zM34 90c1.657 0 3-1.343 3-3s-1.343-3-3-3-3 1.343-3 3 1.343 3 3 3zm56-76c1.657 0 3-1.343 3-3s-1.343-3-3-3-3 1.343-3 3 1.343 3 3 3zM12 86c2.21 0 4-1.79 4-4s-1.79-4-4-4-4 1.79-4 4 1.79 4 4 4zm28-65c2.21 0 4-1.79 4-4s-1.79-4-4-4-4 1.79-4 4 1.79 4 4 4zm23-11c2.76 0 5-2.24 5-5s-2.24-5-5-5-5 2.24-5 5 2.24 5 5 5zm-6 60c2.21 0 4-1.79 4-4s-1.79-4-4-4-4 1.79-4 4 1.79 4 4 4zm29 22c2.76 0 5-2.24 5-5s-2.24-5-5-5-5 2.24-5 5 2.24 5 5 5zM32 63c2.76 0 5-2.24 5-5s-2.24-5-5-5-5 2.24-5 5 2.24 5 5 5zm57-13c2.76 0 5-2.24 5-5s-2.24-5-5-5-5 2.24-5 5 2.24 5 5 5zm-9-21c1.105 0 2-.895 2-2s-.895-2-2-2-2 .895-2 2 .895 2 2 2zM60 91c1.105 0 2-.895 2-2s-.895-2-2-2-2 .895-2 2 .895 2 2 2zM35 41c1.105 0 2-.895 2-2s-.895-2-2-2-2 .895-2 2 .895 2 2 2zM12 60c1.105 0 2-.895 2-2s-.895-2-2-2-2 .895-2 2 .895 2 2 2z' fill='%23AAC83C' fill-opacity='0.1' fill-rule='evenodd'/%3E%3C/svg%3E");pointer-events:none}.realisation-content{max-width:1400px;margin:0 auto;padding:0 4rem;display:flex;align-items:center;gap:6rem;position:relative;z-index:1}.realisation-content.reverse{flex-direction:row-reverse}.realisation-text{flex:1;max-width:650px}.project-badge{display:inline-flex;align-items:center;padding:.75rem 1.5rem;background:linear-gradient(135deg,#aac83c,#96b034);color:#000;font-family:var(--font-primary);font-weight:500;border-radius:100px;font-size:.875rem;text-transform:uppercase;letter-spacing:.1em;margin-bottom:2rem;box-shadow:0 4px 15px #aac83c4d,0 0 0 1px #aac83c1a inset;transform:translateY(0);transition:all .3s ease}.project-badge:hover{transform:translateY(-2px);box-shadow:0 6px 20px #aac83c66,0 0 0 1px #aac83c1a inset}.realisation-text h2{font-family:var(--font-display);font-size:3.5rem;font-weight:700;color:#000;margin-bottom:1rem;line-height:1.1;letter-spacing:-.02em}.realisation-text h3{font-family:var(--font-primary);font-size:1.75rem;color:#000;margin-bottom:2rem;font-weight:600;line-height:1.3;letter-spacing:-.01em}.realisation-text p{font-family:var(--font-body);font-size:1.25rem;line-height:1.8;color:#000;margin-bottom:3rem;opacity:.9;font-weight:400}.realisation-content .grid.md\:grid-cols-2 ul{list-style:none;padding:0;margin:0;gap:1rem;display:flex;flex-direction:column}.realisation-content .grid.md\:grid-cols-2 h3{font-size:1.5rem;color:#1e40af;font-weight:600;padding-bottom:.75rem;border-bottom:2px solid #e5e7eb;margin-bottom:1.5rem}.realisation-content .grid.md\:grid-cols-2 span{font-size:1rem;color:#4b5563;line-height:1.6;flex:1;min-width:0;transition:color .3s ease;padding-left:1.25rem}.realisation-content .grid.md\:grid-cols-2 .flex-shrink-0{width:1rem;height:1rem;border-radius:50%;box-shadow:0 2px 4px #0000001a;transition:all .3s ease}.realisation-content .grid.md\:grid-cols-2 li.green:before{background-color:#10b981}.realisation-content .grid.md\:grid-cols-2{gap:2rem;padding:2rem;background:#f8fafc;border-radius:1rem;box-shadow:0 4px 6px -1px #0000000d;margin-top:2rem}.realisation-content .grid.md\:grid-cols-2 .flex.items-start{display:flex;align-items:flex-start;gap:1.25rem;padding:1rem 0;border-bottom:1px solid #e5e7eb;transition:all .3s ease;cursor:pointer}.project-metrics{display:grid;grid-template-columns:repeat(3,1fr);gap:2rem;margin-top:3rem;padding:2.5rem;background:#fff;border-radius:24px;box-shadow:0 20px 40px #0000000d,0 0 0 1px #00000008 inset;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);transform:translateY(0);transition:all .4s cubic-bezier(.165,.84,.44,1)}.project-metrics:hover{transform:translateY(-10px);box-shadow:0 30px 60px #00000014,0 0 0 1px #00000008 inset}.metric{text-align:center;padding:1.5rem;background:#f5f5f5;border-radius:16px;transition:all .3s ease;border:1px solid rgba(0,0,0,.03)}.metric:hover{transform:translateY(-5px) scale(1.02);background:#fff;border-color:#aac83c33}.metric i{font-size:2.5rem;color:#aac83c;margin-bottom:1.25rem;display:block;filter:drop-shadow(0 2px 4px rgba(170,200,60,.2))}.metric span{display:block;font-family:var(--font-display);font-size:2rem;font-weight:700;color:#000;margin-bottom:.75rem;line-height:1;letter-spacing:-.02em}.metric label{display:block;font-family:var(--font-primary);font-size:1rem;color:#000;font-weight:500;line-height:1.4;letter-spacing:.01em}.realisation-image{flex:1;position:relative;max-width:650px}.realisation-image:before{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background:linear-gradient(135deg,#0000001a,#0000004d);transition:opacity .3s ease}.realisation-image:hover:before{opacity:0;background:linear-gradient(135deg,#0000,#0003)}.realisation-image img{width:100%;height:600px;-o-object-fit:cover;object-fit:cover;transition:transform .3s ease}.realisation-image:hover img{transform:scale(1.02);filter:brightness(1.05);transition:all .4s cubic-bezier(.4,0,.2,1)}.realisation-content .number-container{opacity:0;transform:translateY(20px);transition:all .6s cubic-bezier(.4,0,.2,1)}.realisation-content.visible .number-container{opacity:1;transform:translateY(0)}@keyframes fadeIn{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.fade-in{animation:fadeIn .6s cubic-bezier(.4,0,.2,1) forwards}.commercial-section{background:#f5f5f5}.hotel-section{background:#fff}.industrial-section{background:#f5f5f5}@media (max-width: 1280px){.realisation-content{padding:0 3rem;gap:4rem}.realisation-text h2{font-size:3rem}}@media (max-width: 1024px){.realisation{padding:6rem 0}.realisation-content{gap:3rem;padding:0 2rem}.realisation-text h2{font-size:2.5rem}.realisation-text h3{font-size:1.5rem}.project-metrics{padding:2rem;gap:1.5rem}.metric span{font-size:1.75rem}.realisation-content .grid.md\:grid-cols-2>div{background:#fff;padding:2.5rem;border-radius:1.25rem;box-shadow:0 4px 12px #00000014;margin-bottom:2.5rem;border:1px solid rgba(0,0,0,.05)}}@media (max-width: 768px){.realisation{padding:5rem 0}.realisation-content{flex-direction:column;gap:4rem}.realisation-content.reverse{flex-direction:column}.realisation-text,.realisation-image{max-width:100%}.realisation-image:before{top:2rem;left:2rem;right:-2rem;bottom:-2rem}.project-metrics{grid-template-columns:repeat(2,1fr)}.realisation-text h2{font-size:2.25rem}}@media (max-width: 480px){.realisation{padding:4rem 0}.realisation-content{padding:0 1.5rem}.project-metrics{grid-template-columns:1fr;gap:1rem}.realisation-text h2{font-size:2rem}.metric{padding:1.25rem}.metric span{font-size:1.5rem}.realisation-image:before{top:1.5rem;left:1.5rem;right:-1.5rem;bottom:-1.5rem}}.process-section{padding:8rem 0;background:#fff;overflow:hidden}.section-title{text-align:center;font-family:var(--font-display);font-size:3rem;font-weight:700;color:#000;margin-bottom:4rem}.process-steps{display:grid;grid-template-columns:repeat(4,1fr);gap:2rem;max-width:1400px;margin:0 auto;padding:0 2rem;position:relative}.process-step{text-align:center;position:relative;padding:2rem 1rem}.step-number-container{position:relative;display:inline-block;margin-bottom:2rem}.step-number{font-family:Plus Jakarta Sans,sans-serif;font-size:8rem;font-weight:900;position:relative;line-height:1;display:inline-block;background:linear-gradient(to right,#ffffffb3,#fff6);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;-webkit-text-stroke:1px rgba(0,0,0,.1);opacity:.9;transition:all .4s cubic-bezier(.4,0,.2,1);letter-spacing:-.02em}.step-r{font-family:Inter,sans-serif;font-size:.875rem;text-transform:uppercase;position:absolute;right:-2rem;top:.5rem;color:#2196f3;font-weight:500;letter-spacing:.1em;writing-mode:vertical-rl;text-orientation:mixed;transform:rotate(180deg);background:none;-webkit-text-fill-color:#2196F3;-webkit-text-stroke:0;transition:none}.process-step:hover .step-number{background:linear-gradient(135deg,#2196f3,#1976d2);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;-webkit-text-stroke:0;transform:translateY(-5px)}.process-step:hover .step-r{color:#2196f3;-webkit-text-fill-color:#2196F3;transform:rotate(180deg)}.process-step h3{font-family:var(--font-primary);font-size:1.5rem;font-weight:600;color:#000;margin-bottom:1rem;transition:all .3s ease}.process-step p{font-family:var(--font-body);font-size:1rem;line-height:1.6;color:#666;max-width:280px;margin:0 auto;transition:all .3s ease}.process-step:after{content:"";position:absolute;top:4rem;right:-1rem;width:2rem;height:1px;background:#aaa3;transform:translateY(-50%)}.process-step:last-child:after{display:none}@media (max-width: 1024px){.process-steps{grid-template-columns:repeat(2,1fr);gap:3rem}.process-step:after{display:none}.process-step{padding:2.5rem;background:#fafafa80;border-radius:20px;transition:all .4s cubic-bezier(.4,0,.2,1);border:1px solid rgba(0,0,0,.03)}.process-step:hover{background:#fff;box-shadow:0 20px 40px #0000000d,0 0 0 1px #aac83c1a;transform:translateY(-5px)}.step-number{font-size:6rem;opacity:.9}}@media (max-width: 640px){.process-steps{grid-template-columns:1fr;gap:2rem}.section-title{font-size:2.5rem;margin-bottom:3rem}.step-number{font-size:5rem;opacity:.9}.process-step{padding:2rem}}
