@import"https://fonts.googleapis.com/css2?family=Almarai:wght@300;400;700;800&family=Archivo:ital,wght@0,100..900;1,100..900&family=Inter:ital,opsz,wght@0,14..32,100..900;1,14..32,100..900&display=swap";:root{--primary-color: #101010;--secondary-color: #ffffff;--tertiary-color: #FFF77D}body{margin:0;background-color:var(--primary-color);overflow-x:hidden}h1,h2,h3,h4,p,a{color:var(--secondary-color)}::selection{background-color:var(--tertiary-color);color:var(--primary-color)}.canvas-container{position:fixed!important;top:0!important;left:0!important;width:100%!important;height:100vh!important;overflow:hidden!important;z-index:-1!important;will-change:filter;pointer-events:none}canvas{width:100%!important;height:100vh!important;z-index:3!important}.space{height:100vh;z-index:-5}.half-space{height:50vh;z-index:-5}.canvas-source-ref{position:fixed;top:0;left:0;right:0;bottom:0;z-index:1}.italic{font-style:italic}.almarai{font-family:Almarai,sans-serif}.no-scroll{overflow:hidden}nav{position:absolute;top:0;left:0;width:100%;z-index:1002}.burger{position:absolute;top:calc(76px - 1vh);left:4.3vw;width:40px;height:18px;background-color:transparent;border:none;z-index:1002;cursor:pointer}.burger .line1{position:absolute;top:0;left:0;transform:translateY(100%);width:70%;height:2px;background-color:var(--secondary-color);border-radius:10px;transform-origin:center}.burger .line2{position:absolute;bottom:0;left:0;transform:translateY(-100%);width:100%;height:2px;background-color:var(--secondary-color);border-radius:10px;transform-origin:center}.lets-talk{position:absolute;top:calc(65px - 1vh);right:5vw;font-family:Arial,sans-serif;text-decoration:none;background-color:var(--secondary-color);color:var(--primary-color);border:none;border-radius:30px;padding:14px 18px!important;font-size:14px;font-weight:600;text-transform:uppercase;letter-spacing:1px;z-index:1000;cursor:pointer;transition:background-color .25s ease,padding .25s ease,letter-spacing .25s ease,border-color .25s ease}.lets-talk:hover{letter-spacing:-.5px;padding:14px 18px 14px 31px!important;background-color:var(--tertiary-color);border-color:var(--tertiary-color)}.lets-talk:before{position:absolute;content:"";top:50%;left:0;transform:translateY(-50%);width:7px;height:7px;background-color:var(--primary-color);border-radius:50%;transition:all .25s ease;opacity:0}.lets-talk:hover:before{opacity:1;transform:translate(165%,-50%)}.menu{display:none;position:fixed;top:0;left:0;width:100%;height:100%;background-color:#10101000;z-index:999}.navbar__stay-tuned{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);display:flex;gap:5px;text-align:left;width:270px;color:#fff;font-size:1.25rem;font-family:Inter,sans-serif;font-weight:200;white-space:nowrap;opacity:0}.navbar__stay-tuned p{margin:7px}.navbar__stay-tuned-text-arrow{margin-top:5px}@media screen and (max-width: 1030px){.burger{top:calc(75px - 1vh);left:5vw}.lets-talk{top:calc(65px - 1vh);right:5vw;font-size:14px;padding:11px 15px}}.home-wrapper{will-change:filter;z-index:200}.hero__loading{position:absolute;top:50%;left:50%;transform:translate(-50%,-130%);z-index:10;list-style:none;text-align:right}.hero__loading li{color:var(--secondary-color);font-size:2rem;font-weight:200;font-family:Inter,sans-serif;white-space:nowrap}.hero{position:relative;height:100vh;overflow:hidden}.hero .hero__content{position:relative;padding-top:75px;padding-left:35px;z-index:1001}.hero .hero__content h1{color:var(--secondary-color);font-size:22vw;margin:0;font-family:Almarai,sans-serif;font-weight:200;margin-bottom:0rem;white-space:nowrap;will-change:letter-spacing}.hero .hero__content p{color:var(--secondary-color);font-size:2.8vw;font-weight:200;font-family:Inter,sans-serif;margin:-.5rem 0 2.5rem 10px}.zurfis-span{position:relative}.bar{position:absolute;top:4.2vw;bottom:4.7vw;left:50%;transform:translate(-50%) scaleY(1);transform-origin:bottom center;width:1.55vw;background-color:var(--secondary-color);z-index:2}.hero-word-invisible{opacity:0}.hero-word-1{font-variation-settings:"wght" 200}@media (max-width: 1350px){.hero .hero__content{padding-top:90px;padding-left:35px}.hero .hero__content h1{font-size:24vw}.hero .hero__content p{font-size:2.7rem;margin:-1rem 0 2.2rem 10px}.bar{top:4.8vw;bottom:5.2vw;width:1.72vw}}@media (max-width: 1200px){.bar{width:1.7vw}}@media screen and (max-width: 1030px){.hero .hero__content{padding-top:100px!important;padding-left:25px!important}}@media screen and (max-width: 900px){.hero .hero__content{padding-top:120px!important;padding-left:20px!important}.hero__loading{transform:translate(-60%,-130%)}}@media screen and (max-width: 768px){.hero .hero__content{padding-top:20vh!important;padding-left:15px!important}.hero .hero__content h1{font-size:24vw}.hero .hero__content p{font-size:2.5rem!important;margin:0rem 0 1rem 5px!important}.ending h2{font-size:23px!important}.ending p,.ending a{font-size:15px!important}}@media screen and (max-width: 555px){.hero .hero__content{padding-top:25vh!important;padding-left:10px!important}.hero .hero__content h1{font-size:26vw!important}.hero .hero__content p{font-size:2rem!important;margin:0rem 0 .7rem 3px!important}.burger,.lets-talk{position:fixed}}@media screen and (max-width: 450px){.hero .hero__content p{font-size:1.75rem!important;margin:0rem 0 .7rem 3px!important}}@media screen and (max-width: 370px){.hero .hero__content p{font-size:1.5rem!important;margin:0rem 0 .7rem 3px!important}}@media screen and (max-height: 855px){.hero__loading{transform:translate(-50%,-100%)}}@media screen and (max-height: 700px){.hero__loading{transform:translate(-50%,-60%)}}.ending{position:relative;display:grid;place-items:center;height:100vh;margin-top:-20vh}.ending h2{position:relative;font-family:Inter,sans-serif;font-size:1.3rem;font-weight:100;color:var(--secondary-color);text-align:center;margin:0;z-index:1001}.ending p{font-family:Inter,sans-serif;margin-left:23px;font-size:13px;font-weight:100;color:var(--secondary-color)}.ending a{position:absolute;bottom:35px;left:50%;transform:translate(-50%);font-family:Inter,sans-serif;font-size:13px;font-weight:100;color:var(--secondary-color);text-decoration:none;cursor:pointer;z-index:100000}.ending__achievement{position:fixed;top:35px;right:35px;transform:translate(120%);background-color:var(--primary-color);border:1px solid rgba(255,255,255,.459);border-radius:7px;padding:18px 35px;font-family:Inter,sans-serif;color:var(--secondary-color);z-index:1000}.ending__achievement h3{font-size:15px;font-weight:300;color:var(--secondary-color);margin:0 0 5px}.ending__achievement p{font-size:12px;font-weight:100;color:var(--secondary-color);margin:0}.stack{position:relative;height:100vh;width:calc(100vw - 17px);z-index:1001}.stack .stack__title-wrap{position:absolute;top:20%;left:50%;transform:translate(-50%,-50%);overflow:hidden}.stack .stack__title-wrap .stack__title{font-family:Inter,sans-serif;font-size:35px;font-weight:100;margin:0;white-space:nowrap;text-transform:uppercase}.stack .stack__grid{position:absolute;bottom:0;display:flex;justify-content:space-evenly;width:100%}.stack .stack__grid .stack__line{width:10px;height:45vh;background-color:#fff9;transform-origin:bottom}.stack .stack__grid .stack__line:nth-child(1){transform:scaleY(.73)}.stack .stack__grid .stack__line:nth-child(2){transform:scaleY(.9)}.stack .stack__grid .stack__line:nth-child(3){transform:scaleY(1.07)}.stack .stack__icon1{position:absolute;bottom:36vh;left:25%;transform:translate(-54%,10%);width:75px;height:75px;color:#fff;background-color:transparent}.stack .stack__icon2{position:absolute;bottom:40.5vh;left:50%;transform:translate(-50%,-50%);display:flex;width:105px;height:52.5px}.stack .stack__icon3{position:absolute;bottom:51.3vh;left:75%;transform:translate(-20%);display:grid;place-items:center;width:100px;height:70px;color:#fff;background-color:transparent}.stack .stack__icon3 img{width:70px;height:100%;transform:translate(-17px);pointer-events:none}.stack .stack-pillars-trigger{margin-top:650px;opacity:0}.projects-wrap{overflow:hidden}.projects-marquees-wrap{box-sizing:border-box;padding:150px 0 0;height:150vh;overflow:hidden}.projects-marquees-wrap .projects-marquee{transform:rotate(-8deg)}.projects-marquees-wrap .projects__title{font-size:15vh;font-family:Almarai,sans-serif;font-weight:500;white-space:nowrap;color:transparent;-webkit-text-stroke:1px rgb(255,255,255);transform:translate(-10vh);margin:4rem 0}.projects-marquees-wrap .projects__title2{transform:translate(-100%)}.projects{position:relative;z-index:1001}.projects .projects__section{position:relative;height:100vh;width:400vh}.projects .projects__section .projects__section__hotspot-logo{position:absolute;top:20px;left:98vw;transform:translate(-100%);width:100px;opacity:.15}.projects .projects__section .projects__section__hotspot-logo img{width:100%;height:auto}.projects .projects__section .projects__horizontal1{height:100vh;display:flex}.projects .projects__section .projects__horizontal1 .projects__horizontal1__titles{width:200vh;height:100vh}.projects .projects__section .projects__horizontal1 .projects__horizontal1__titles h2{font-size:clamp(10vw,27vh,15vw);font-family:Inter,sans-serif;font-weight:400;margin:0;padding:0 20px;-webkit-text-stroke:2px #ffffff;color:transparent;cursor:default;-webkit-user-select:none;user-select:none}.projects .projects__section .projects__horizontal1 .projects__horizontal1__titles .projects__horizontal1__title-2{font-family:Almarai,sans-serif;-webkit-text-stroke:2px #ffffff;color:transparent;font-style:italic;font-weight:400;transform:translate(-15px)}.projects .projects__section .projects__horizontal1 .projects__horizontal1__titles .projects__horizontal1__title-3{font-family:Almarai,sans-serif;-webkit-text-stroke:2px #ffffff;color:transparent}.projects .projects__section .projects__horizontal1 .projects__horizontal1__cake-content{box-sizing:border-box;display:flex;align-items:end;height:100vh;margin-left:37vh;padding-bottom:5vh}.projects .projects__section .projects__horizontal1 .projects__horizontal1__cake-content .projects__horizontal1__cake-wrap{position:relative}.projects .projects__section .projects__horizontal1 .projects__horizontal1__cake-content .projects__horizontal1__cake-wrap .projects__horizontal1__cherry{position:absolute;top:0;left:50px;transform:translateY(-60%);z-index:2}.projects .projects__section .projects__horizontal1 .projects__horizontal1__button{position:relative;display:flex;justify-content:end;align-items:center;width:200vh;height:100vh}.projects .projects__section .projects__horizontal1 .projects__horizontal1__button a{margin-right:50vw;transform:translate(50%);display:grid;place-items:center;position:relative;font-family:Arial,sans-serif;text-decoration:none;background-color:var(--primary-color);color:var(--secondary-color);border:none;border-radius:1000vw;width:max(450px,30vw);height:max(220px,25vh);border:2px solid var(--secondary-color);font-size:3rem;font-weight:300;text-transform:uppercase;letter-spacing:2px;z-index:1001;cursor:pointer;transition:background-color .25s ease,padding .25s ease,letter-spacing .25s ease,border-color .25s ease}.projects .projects__section .projects__horizontal1 .projects__horizontal1__button a:hover{letter-spacing:-2.5px;background-color:var(--primary-color);border-color:var(--secondary-color);color:var(--secondary-color)}.projects .projects__section .projects__horizontal1 .projects__horizontal1__button .hotspot-black-svg{position:absolute;top:50%;left:0;transform:translate(200%,-50%);width:15px;height:15px;border-radius:50%;opacity:0;z-index:2;transform-origin:center center}.projects .projects__section .projects__horizontal1 .projects__horizontal1__button .hotspot-white-svg{position:absolute;top:50%;left:0;transform:translateY(-50%);width:15px;height:15px;opacity:0;z-index:1;transform-origin:center center;border-radius:50%}.projects .projects__section .projects__horizontal1 .projects__horizontal1__button img{position:absolute;width:250px;top:5vh;left:25%;z-index:-2}.projects .projects__section .projects__horizontal1 .projects__horizontal1__coffee{position:relative;height:100vh;display:flex;align-items:center}.projects .projects__section .projects__horizontal1 .projects__horizontal1__coffee img{margin:50vh 0 0 10vh}.projects__title-remove-stroke{-webkit-text-stroke:0px #ffffff00!important}.projects__horizontal1__title-3-wrap{position:relative}.projects__dot-path-container{position:absolute;top:0;left:0;width:100%;height:100%}