.about{color:#fff;text-align:center;flex-direction:column;justify-content:center;align-items:center;gap:30px;width:100%;height:100vh;font-family:Satoshi;display:flex;position:relative}@media (max-width:1000px){.about{background-color:#000}}.about__topText{text-align:center;letter-spacing:-.09em;flex-direction:column;font-size:4.5rem;display:flex}@media (max-width:1024px){.about__topText{font-size:4vw}}@media (max-width:768px){.about__topText{font-size:4vw}}.about__topText span{overflow:hidden}.about__bottomText{text-align:center;flex-direction:column;font-size:2rem;display:flex}@media (max-width:1024px){.about__bottomText{font-size:2.5vw}}@media (max-width:768px){.about__bottomText{font-size:2.8vw}}.about__bottomText span{overflow:hidden}
.hero{color:#fff;pointer-events:none;width:100%;height:100vh;font-family:BebasNeue;position:relative;overflow:hidden}.hero__imageCover{justify-content:center;align-items:center;width:100%;height:100%;display:flex}.hero__image{aspect-ratio:3/4;width:30vw;height:auto;position:relative;overflow:hidden}@media (max-width:1000px){.hero__image{aspect-ratio:auto;border-radius:0;width:100%;height:100vh;position:absolute;inset:0}}.hero__image img{object-fit:cover;background-attachment:fixed;width:100%;height:100%}.hero__image .textTest{z-index:1;mix-blend-mode:difference;font-size:3rem;position:absolute;bottom:0%;right:0%;transform:translate(-10%)}@media (max-width:1024px){.hero__image .textTest{font-size:18rem}}.hero__imageOverlay{z-index:1;background-color:#000;position:absolute;inset:0}.hero__title{mix-blend-mode:difference;text-align:center;letter-spacing:-.04em;width:100%;font-size:18rem;position:absolute;top:65%;left:50%;overflow:hidden;transform:translate(-50%,-50%)}@media (max-width:1024px){.hero__title{font-size:18vw;bottom:10%}}@media (max-width:764px){.hero__title{font-size:18vw;bottom:12%}}
.imageMain{width:100%;height:100vh;position:relative;overflow:hidden}.imageMain__container{background-position:50%;background-repeat:no-repeat;background-size:cover;background-attachment:fixed;width:100%;height:100%;position:absolute;top:0;left:0}@media (max-width:1024px){.imageMain__container{background-attachment:scroll}}
.services{color:#fff;flex-direction:column;justify-content:center;align-items:center;row-gap:10vh;width:100%;height:100vh;font-family:BebasNeue;font-size:8rem;display:flex;position:relative}@media (max-width:1000px){.services{background-color:#000}}@media (max-width:1024px){.services{font-size:8.5vw}}@media (max-width:768px){.services{font-size:8vw}}.services__header{color:gray;font-size:2.5rem}.services__header .bar{transform-origin:50%;background-color:#fff;width:100%;height:.03em;transition:transform .3s;position:relative;transform:scaleX(0)}@media (max-width:1024px){.services__header{font-size:3vw}}.services__header:hover{color:#fff}.services__header:hover .bar{transform:scaleX(1)}@media (max-width:768px){.services__header{font-size:3vw}}.services__box{text-align:center;cursor:pointer;width:100%;position:relative}.services__service{position:relative;overflow:hidden}.services__service .serviceBar{transform-origin:50%;background-color:#fff;width:100%;height:.02em;transform:scaleX(0)}.services__service .smallText{opacity:0;font-size:2rem;transition:opacity .5s ease-in-out;position:absolute;top:0;right:0;transform:translate(-50%)}@media (max-width:768px){.services__service .smallText{font-size:3rem;transform:translate(-20%)}}.services__service:hover .smallText{opacity:1}
.experience{color:gray;letter-spacing:-.09em;width:100%;height:100vh;font-family:Satoshi;position:relative}@media (max-width:1000px){.experience{background-color:#000}}.experience__header .bar{transform-origin:50%;background-color:#fff;width:100%;height:.07em;transition:transform .3s;position:relative;transform:scaleX(0)}.experience__header:hover{color:#fff}.experience__header:hover .bar{transform:scaleX(1)}.experience__main{flex-direction:column;justify-content:space-evenly;align-items:center;height:100%;display:flex}.experience__experienceCover{text-align:center;flex-direction:column;justify-content:space-evenly;width:70%;height:70%;display:flex}.experience__experience{text-align:center;justify-content:space-between;align-items:center;display:flex;overflow:hidden}.experience__date{color:gray;font-size:8rem;font-weight:700;transform:translateY(0)}.experience__company{font-size:8rem;font-weight:700}
.technology{color:#fff;letter-spacing:-.09em;flex-direction:column;flex-grow:1;flex-shrink:0;justify-content:center;align-items:center;gap:5vh;width:100%;height:100vh;font-family:Satoshi;display:flex;position:relative;overflow:hidden}@media (max-width:1000px){.technology{background-color:#000}}.technology__header{color:gray}.technology__header .bar{transform-origin:50%;background-color:#fff;width:100%;height:.07em;transition:transform .3s;position:relative;transform:scaleX(0)}.technology__header:hover{color:#fff}.technology__header:hover .bar{transform:scaleX(1)}.technology__wrapper{flex-wrap:wrap;justify-content:center;align-items:center;width:80%;margin:0 auto;display:flex}.technology__items{color:gray;border:1px solid #fff;border-radius:2vw;margin:.5vw;padding:.1vw 1.5vw;font-size:2.5vw}@media (max-width:840px){.technology__items{font-size:6vw}}.technology__items:hover{color:#fff}
.contact{letter-spacing:-.05em;text-align:center;width:100%;height:100vh;font-family:Satoshi;position:relative;overflow:hidden}.contact a{color:#fff;text-decoration:none}.contact__imageCover{width:100%;height:100%;position:relative}.contact__imageCover img{object-fit:cover;width:100%;height:100%}.contact__card{text-align:center;text-align:center;color:#fff;background-color:#000;flex-direction:column;justify-content:space-between;align-items:center;row-gap:2vw;width:50%;height:80%;padding:3vw;display:flex;position:absolute;top:50%;left:50%;overflow:hidden;transform:translate(-50%,-50%)}@media (max-width:1024px){.contact__card{width:80%;height:50%}}@media (min-height:1024px){.contact__card{height:80%}}.contact__cardTitle{color:gray}.contact__cardTitle .bar{transform-origin:50%;background-color:#fff;width:100%;height:.07em;transition:transform .3s;position:relative;transform:scaleX(0)}.contact__cardTitle:hover{color:#fff}.contact__cardTitle:hover .bar{transform:scaleX(1)}.contact__topLevel{flex-direction:column;justify-content:center;align-items:center;display:flex;overflow:hidden}.contact__topLevel .para{overflow:hidden}.contact__topLevel .para p{font-size:2rem;transform:translateY(0%)}@media (max-width:1024px){.contact__topLevel .para p{font-size:5rem}}@media (max-width:768px){.contact__topLevel .para p{font-size:5rem}}.contact__midLevel{font-family:BebasNeue}.contact__link{text-decoration:none}.contact__link a{color:#d6d6d6;font-size:2rem}@media (max-width:1024px){.contact__link a{font-size:5rem}}@media (max-width:768px){.contact__link a{font-size:3vw}}.contact__link .bar{transform-origin:50%;background-color:#fff;width:100%;height:.07em;transition:transform .3s;position:relative;transform:scaleX(0)}.contact__link:hover a{color:#fff}.contact__link:hover .bar{transform:scaleX(1)}
.footer{color:#fff;width:100%;height:100vh;font-family:BebasNeue;position:relative;overflow:hidden}@media (max-width:1000px){.footer{background-color:#000}}.footer__wrapper{flex-direction:column;justify-content:space-evenly;align-items:center;width:100%;height:100%;display:flex}.footer__title{overflow:hidden}.footer__title p{font-size:16vw;line-height:.8;transform:translateY(0)}.footer__image{flex-direction:column;justify-content:space-between;align-items:center;display:flex;overflow:hidden}.footer__photo{border-radius:90%;width:19vw;margin:0 auto}.footer__photo img{object-fit:cover;transform:scale(1)}.footer__bottom{text-align:center;justify-content:space-between;align-items:center;gap:7vw;display:flex;position:absolute;bottom:1.39vw;left:1.39vw;right:1.39vw}@media (max-width:1024px){.footer__bottom{font-size:2.2vw;bottom:10vw}}@media (max-width:768px){.footer__bottom{font-size:3vw}}