.gallery-section{position:relative;width:100%;padding:6rem 0;background-color:var(--ortadogu-cream);overflow:hidden;z-index:10}.gallery-scroll-container{display:flex;gap:1.5rem;overflow-x:auto;padding:0 1.5rem 2rem;scroll-behavior:auto!important;cursor:grab;scrollbar-width:none;-ms-overflow-style:none;user-select:none;-webkit-user-select:none}.gallery-scroll-container::-webkit-scrollbar{display:none}.gallery-scroll-container:active{cursor:grabbing}.gallery-item{position:relative;flex-shrink:0;width:300px;height:400px;filter:grayscale(100%);transition:transform .3s ease,filter .3s ease;transform-origin:center}.gallery-item img{pointer-events:none;-webkit-user-drag:none}@media (min-width:768px){.gallery-item{width:450px;height:600px}}.gallery-item:hover{filter:grayscale(0);transform:scale(1.02);z-index:2}.gallery-progress-track{width:100%;height:1px;background-color:var(--ortadogu-gray);position:relative;margin-top:2rem}.gallery-progress-bar{position:absolute;top:-1px;left:0;height:3px;width:25%;background-color:var(--ortadogu-orange);border-radius:4px;will-change:transform}.start-section{position:sticky;top:0;z-index:5}.start-dimmer{position:absolute;top:0;left:0;width:100%;height:100%;background-color:rgba(0,0,0,1.2);pointer-events:none;transition:opacity .1s ease-out;z-index:1}@media (max-width:1024px){.start-section{position:relative;top:auto}.start-dimmer{display:none}}@keyframes infinite-scroll{0%{transform:translateX(0)}to{transform:translateX(-50%)}}.reference-section{position:relative;z-index:10}.scrollContainer{gap:1rem;display:flex}.scrollRowWrapper{display:flex;overflow:hidden;width:100%;margin-bottom:2rem;margin-top:2rem;mask-image:linear-gradient(90deg,transparent,black 10%,black 90%,transparent);-webkit-mask-image:linear-gradient(90deg,transparent,black 10%,black 90%,transparent)}.scrollTrack{display:flex;gap:1rem;width:max-content;will-change:transform}.scroll-left{animation:infinite-scroll 40s linear infinite}.scroll-right{animation:infinite-scroll 40s linear infinite reverse}.scrollRowWrapper:hover .scrollTrack{animation-play-state:paused}.logoItem{border:.1px solid rgba(255,255,255,.185);border-radius:.3rem;width:200px;height:100px;position:relative;filter:grayscale();flex-shrink:0;opacity:1;transition:all .3s;cursor:pointer}.logoItem:hover{filter:invert();opacity:1}.object-contain{padding:35px}@media (max-width:768px){.scrollRowWrapper:hover .scrollTrack{animation-play-state:running}.logoItem:hover{filter:grayscale()}}