.home,.home em,.home svg{transition:.6s cubic-bezier(.24, 1, .32, 1)}.pageHeader{height:100svh;overflow:hidden}.pageHeaderImg{height:100svh;background-repeat:no-repeat;background-size:cover;background-position:center center}.pageHeaderImg1{background-image:url("../../img/hakkimizda.webp")}.pageHeaderImg2{background-image:url("../../img/projelerimiz.webp")}.pageHeaderImg3{background-image:url("../../img/hizmetlerimiz.webp")}.pageHeaderImg4{background-image:url("../../img/iletisim.webp")}.pageHeaderVideo{object-fit:cover;position:absolute;top:0;left:0;width:100%;height:100svh;opacity:0;animation-name:video;animation-delay:1s;animation-duration:2s;animation-fill-mode:forwards;animation-iteration-count:1}.mouse,.scroll{position:relative}.pageHeader em{position:absolute;top:0;left:0;right:0;bottom:0;background-color:rgba(0,0,0,.12);z-index:1}.pageHeader h1,.pageHeader span{text-align:center;left:24px;transform:translateY(-50%);color:var(--color-white);position:absolute}.scroll{z-index:2;display:block;background-color:rgba(0,0,0,.72);bottom:100px;left:calc(50% - 90px);width:180px;height:180px;border-radius:180px;display:flex;justify-content:center}.home,.mouse{top:24px;display:flex}.mouse{width:31px;height:42px;border:2px solid var(--color-mouse);border-radius:42px;justify-content:center}.scroller{width:3px;height:9px;border-radius:9px;background-color:var(--color-mouse);animation-name:scroll;animation-duration:2s;animation-iteration-count:infinite;animation-timing-function:cubic-bezier(0.16,0.42,0.72,0.94)}@keyframes scroll{0%{opacity:0;transform:translateY(7px)}10%{opacity:1;transform:translateY(7px)}100%{opacity:0;transform:translateY(22px)}}@keyframes video{0%{opacity:0}100%{opacity:1}}.pageHeader h1{margin:0;font-weight:700;font-size:72px;right:24px;top:50%;z-index:2}.pageHeader span{font-size:36px;font-family:"Recoleta Alt Thin";right:24px;top:calc(50% - 54px - 24px);z-index:2}.home{position:fixed;right:24px;border:1px solid rgba(0,0,0,.72);background-color:rgba(0,0,0,.72);width:64px;height:64px;align-items:center;justify-content:center;z-index:3}.home svg{font-size:32px;color:var(--color-white)}.home em{opacity:0;position:absolute;top:0;left:calc(50% - 1px);width:2px;bottom:0;background-color:var(--color-white);z-index:-1}.home:hover svg{color:var(--color-black)}.home:hover em{left:0;width:100%;opacity:1}.home.homeHidden{pointer-events:none;opacity:0}@media only screen and (max-width:900px){.pageHeader h1{font-size:40px}.pageHeader span{font-size:24px;top:calc(50% - 32px - 24px)}}