.main-project{display:flex;flex-direction:column;justify-content:center;align-items:center;gap:3rem;padding:4rem 1rem;overflow-x:hidden}.main-project[dir=rtl]{direction:rtl}.topic{color:var(--Black-black-1, #FFF);font-size:2rem;font-weight:600;line-height:1.6}.list-projects{display:flex;flex-direction:column;align-items:center;gap:2rem;align-self:stretch;position:relative}.top-bar-container{display:flex;align-items:center;gap:1.25rem;width:100%;position:relative;touch-action:pan-y}.navigation-buttons{display:flex;gap:.625rem;position:absolute;z-index:10;left:1rem;right:1rem;top:50%;transform:translateY(-50%);pointer-events:none}.nav-button{background:#2b3132e6;border:2px solid var(--OilMain-oilmain-3, #97B9BC);border-radius:50%;width:2.5rem;height:2.5rem;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .2s ease;pointer-events:all;color:var(--OilMain-oilmain-3, #97B9BC);font-size:1.125rem;font-weight:700;display:none}.nav-button:hover{background:var(--OilMain-oilmain-6, #0D5C63);border-color:var(--OilMain-oilmain-1, #E7EFEF);color:var(--Black-black-1, #FFF);transform:scale(1.1)}.prev-button{margin-right:auto}.next-button{margin-left:auto}.list-projects .top-bar{display:flex;padding:1rem 5rem;justify-content:center;align-items:center;align-self:stretch;border-radius:.5rem;background:var(--Black-black-12, #2B3132);box-shadow:inset -18.75rem 0 3.75rem -6.25rem #2b3132cc,inset 18.75rem 0 3.75rem -6.25rem #2b3132cc;overflow-x:auto;white-space:nowrap;scrollbar-width:none;scroll-behavior:smooth;position:relative;flex:1;scroll-snap-type:x mandatory;-webkit-overflow-scrolling:touch;overscroll-behavior-x:contain}.list-projects .top-bar::-webkit-scrollbar{display:none}.top-bar .name-project{display:flex;width:8.5rem;padding:.5rem 1rem;flex-direction:column;justify-content:center;align-items:center;gap:.5rem;border-radius:12.5rem;cursor:pointer;flex-shrink:0;position:relative;overflow:hidden;background:transparent;scroll-snap-align:center;touch-action:pan-y}.top-bar .name-project span{color:var(--Black-black-6, #C6C7C7);font-size:1rem;font-weight:400;line-height:1.6;position:relative;z-index:2;transition:all .3s ease}.top-bar .name-project.edge span{color:var(--Black-black-7, #989A9B);font-weight:300}.top-bar .name-project.edge:not(.active){opacity:.7;transform:scale(.95)}.top-bar .name-project.edge:first-child,.top-bar .name-project.edge:last-child{opacity:.5;transform:scale(.9)}.project-indicator{position:absolute;bottom:0;left:50%;height:.125rem;transform:translate(-50%)}@keyframes pulseGlow{0%,to{box-shadow:0 0 8px #0d5c6366}50%{box-shadow:0 0 12px #0d5c6399}}.top-bar .name-project.active{border-radius:12.5rem;background:var(--OilMain-oilmain-6, #0D5C63);transform:scale(1.1);box-shadow:0 0 8px #0d5c6366;animation:pulseGlow 1.5s ease-in-out infinite}.top-bar .name-project.active span{color:var(--Black-black-1, #FFF);font-weight:600}.project-details{display:flex;align-items:center;gap:4rem;width:100%;justify-content:center;padding:0 5rem;min-height:500px;box-sizing:border-box}.project-details .left{display:flex;width:35%;flex-direction:column;justify-content:center;align-items:flex-start;gap:1.5rem}.project-details .left .h3{color:var(--OilMain-oilmain-1, #E7EFEF);font-size:2rem;font-weight:600;line-height:1.6}.project-details .left .p{color:var(--Black-black-1, #FFF);font-size:1.125rem;font-weight:400;line-height:1.6;align-self:stretch}.project-details .right{display:flex;width:40%;padding:.625rem .6949rem .6111rem .65625rem;justify-content:center;align-items:center}.image-container{position:relative;width:100%;height:100%;border-radius:.75rem;overflow:hidden}.image-container img{width:100%;height:100%;object-fit:contain;max-height:550px}.image-overlay{position:absolute;top:0;left:0;width:100%;height:100%;opacity:0;transition:opacity .2s ease}.image-container:hover .image-overlay{opacity:1}.project-details .left .web-link{display:flex;align-items:center;gap:.25rem}.project-details .left a,.project-details .left .web-link-div{color:var(--OilMain-oilmain-3, #97B9BC);font-size:1.125rem;font-weight:400;line-height:1.5;text-decoration:none;padding:.5rem 0;border-radius:.375rem;position:relative;overflow:hidden}.project-details .left .web-link img{width:1.5rem;height:1.5rem}@media (max-width: 1024px){.top-bar .name-project{width:7rem}.project-details{gap:3rem;padding:0 2rem}.project-details .left{width:100%;max-width:28rem}.project-details .right{width:95%;max-width:28rem;height:auto;aspect-ratio:4 / 3}}@media (max-width: 768px){.main-project{padding:2rem 1rem;gap:2rem}.topic{font-size:1.5rem}.list-projects{gap:1.5rem}.list-projects .top-bar{padding:.75rem 2rem}.top-bar .name-project{width:6rem;padding:.375rem .75rem}.top-bar .name-project span{font-size:.875rem}.project-details{flex-direction:column;gap:2rem;min-height:100%;max-height:100%}.project-details .left .h3{font-size:1.5rem}.project-details .left .p{font-size:1rem}.navigation-buttons{display:none}}@media (max-width: 480px){.main-project{padding:1.5rem .75rem;gap:1.5rem}.topic{font-size:1.25rem}.list-projects .top-bar{padding:.5rem 1rem}.top-bar .name-project{width:5rem;padding:.25rem .5rem}.top-bar .name-project span{font-size:.75rem}.project-details{gap:1.5rem}.project-details .left{max-width:100%}.project-details .right{max-width:95%;padding:.5rem}.project-details .left .h3{font-size:1.25rem}.project-details .left .p{font-size:.875rem}}.case-study-btn{display:inline-flex;align-items:center;gap:.5rem;margin-top:.5rem;padding:.6rem 1.25rem;background:transparent;border:1.5px solid #43a09f;color:#43a09f;border-radius:.5rem;font-size:.85rem;font-weight:600;font-family:inherit;cursor:pointer;transition:background .2s,color .2s,transform .2s;letter-spacing:.02em}.case-study-btn:hover{background:#43a09f;color:#fff;transform:translateY(-2px)}.case-study-btn svg{flex-shrink:0}@media (max-width: 768px){.case-study-btn{font-size:.8rem;padding:.5rem 1rem;width:100%;justify-content:center}}