.logo,.welcomeItem{transition:1.2s cubic-bezier(.24, 1, .32, 1)}.header,.welcomeItem em,.welcomeMobileLogo em{transition:1.2s cubic-bezier(.24, 1, .32, 1);position:absolute;left:0;right:0}.header,.welcomeItem *{pointer-events:none}.welcome{height:100svh;display:flex;background-color:var(--color-black)}.header{height:364px;top:0;z-index:2;background:linear-gradient(to top,transparent 0,rgba(0,0,0,.72) 86%)}.welcomeItem,.welcomeMobileLogo{position:relative;background-repeat:no-repeat;background-size:cover;background-position:center center}.logo{display:block;width:194px;height:172px;position:absolute;top:96px;left:50%;transform:translateX(-50%) scale(1);z-index:2}.circle,.circleText{display:flex;align-items:center}.logo img{width:100%;height:100%;object-fit:contain}.logo h1{display:none}.welcomeItem{width:25vw;position:relative}.circle,.circleText,.welcomeItem h2,.welcomeItem span{position:absolute;transition:1.2s cubic-bezier(.24, 1, .32, 1)}.welcomeItem em,.welcomeMobileLogo em{top:0;bottom:0;background-color:rgba(0,0,0,.72);z-index:1}.welcomeItem h2,.welcomeItem span{color:var(--color-white);text-align:center;left:-240px;right:-240px;top:50%}.welcomeItem h2{font-weight:700;font-size:72px;z-index:2;transform:translateY(-50%) scale(.48)}.welcomeItem span{font-size:36px;font-family:"Recoleta Alt Thin";z-index:2;opacity:0;transform:translateY(calc(-50% - 120px)) scale(.48);white-space:nowrap}.circle{z-index:2;width:52px;height:52px;border:2px solid rgba(255,255,255,.38);border-radius:52px;justify-content:center;bottom:96px;left:50%;transform:translateX(-50%)}.circle svg{transition:1.2s cubic-bezier(.24, 1, .32, 1);color:rgba(255,255,255,.38);font-size:32px}.circleText{top:0;left:0;right:0;bottom:0;justify-content:center;opacity:0}.circleText i{font-style:normal;color:var(--color-white);font-size:16px;font-weight:700}body:has(.welcomeItem:hover) .header.welcomeMobileHidden{pointer-events:none;opacity:0}body:has(.welcomeItem:hover) .logo.welcomeMobileHidden{pointer-events:none;opacity:0;transform:translateX(-50%) scale(.72)}body:has(.welcomeItem.selected) .header.welcomeMobileHidden{opacity:1}body:has(.welcomeItem.selected) .logo.welcomeMobileHidden{opacity:1;transform:translateX(-50%) scale(1)}.welcome:has(.welcomeItem:hover) .welcomeItem{width:19vw}.welcome:has(.welcomeItem:hover) .welcomeItem h2{font-weight:500;transform:translateY(-50%) scale(.32)}.welcomeItem:hover{width:43vw!important}.welcomeItem:hover em{background-color:rgba(0,0,0,.124)}.welcomeItem:hover h2{font-weight:700!important;transform:translateY(-50%) scale(.86)!important}.welcomeItem:hover span{transform:translateY(calc(-50% - 74px)) scale(1);opacity:1}.welcomeItem:hover .circle{width:156px;height:156px;border-radius:156px;background-color:rgba(0,0,0,.64);border-color:transparent}.welcomeItem:hover .circle svg{opacity:0}.welcomeItem:hover .circle .circleText{opacity:1}.welcomeItem.hidden{width:0!important;overflow:hidden!important}.welcomeItem.selected{width:100%!important}.welcomeItem.selected h2{transform:translateY(-50%) scale(1)!important}.welcomeItem.selected span{transform:translateY(calc(-50% - 78px)) scale(1)!important}.welcomeItem1{background-image:url("../../img/gray_hakkimizda.jpg")}.welcomeItem2{background-image:url("../../img/gray_projelerimiz.jpg")}.welcomeItem3{background-image:url("../../img/gray_hizmetlerimiz.jpg")}.welcomeItem4{background-image:url("../../img/gray_iletisim.jpg")}.welcomeItem1:hover{background-image:url("../../img/hakkimizda.webp")}.welcomeItem2:hover{background-image:url("../../img/projelerimiz.webp")}.welcomeItem3:hover{background-image:url("../../img/hizmetlerimiz.webp")}.welcomeItem4:hover{background-image:url("../../img/iletisim.webp")}.welcomeMobileLogo{display:none;background-image:url("../../img/rmd.webp");align-items:center;justify-content:center;flex-shrink:0;height:208px;transition:1.2s cubic-bezier(.24, 1, .32, 1)}.welcomeMobileLogo img{width:126px;height:112px;object-fit:contain;z-index:2}@media only screen and (max-width:1240px){.welcomeItem h2{transform:translateY(-50%) scale(.36)}.welcome:has(.welcomeItem:hover) .welcomeItem h2{transform:translateY(-50%) scale(.24)}.welcomeItem:hover h2{transform:translateY(-50%) scale(.64)!important}.welcomeItem:hover span{transform:translateY(calc(-50% - 60px)) scale(.72)}.welcomeItem.selected h2{transform:translateY(-50%) scale(1)!important}.welcomeItem.selected span{transform:translateY(calc(-50% - 78px)) scale(1)!important}}@media only screen and (max-width:900px){.welcome{flex-direction:column}.welcomeItem{width:100%;height:calc(100svh / 4)}.welcomeItem .circle{display:none}.welcome:has(.welcomeItem:hover) .welcomeItem{width:100%;height:calc(56svh / 3)}.welcomeItem:hover{width:100%!important;height:44svh!important}.welcomeMobileHidden{opacity:0;pointer-events:none}.welcomeMobileLogo{display:flex}.welcomeItem.hidden{width:100%!important;height:0!important}.welcomeItem.selected{height:100%!important}.welcomeMobileLogo.hidden{height:0!important;overflow:hidden}.welcomeItem:hover h2{transform:translateY(calc(-50% + 24px)) scale(.64)!important}.welcomeItem:hover span{transform:translateY(calc(-50% - 60px + 24px)) scale(.72)}.welcomeItem.selected h2{transform:translateY(-50%) scale(.55)!important}.welcomeItem.selected span{transform:translateY(calc(-50% - 56px)) scale(.66)!important}}