.hero{width:100%;height:100vh;color:var(--color-black);position:relative;overflow:hidden}.hero__content{flex-direction:column;align-items:flex-start;gap:30px;width:100%;height:100%;padding-top:250px;display:flex}.hero__content path{fill:var(--color-white)}@media (max-width:768px){.hero__content{align-items:center;gap:15px;padding-top:150px}}.hero__content button{color:var(--color-white);background-color:var(--color-black);padding:13px 35px}@media (max-width:768px){.hero__content button{position:absolute;bottom:75px;left:50%;transform:translate(-50%)}}@media (max-width:1200px){.hero__content h1{font-size:28px}}@media (max-width:768px){.hero__content h1{text-align:center;font-size:18px}}.hero__bg{z-index:-1;width:100%;height:100%;position:absolute;top:0;left:0}.hero__bg-color{z-index:-1;background-color:#d1d1d1;width:100%;height:100vh;position:absolute;bottom:0;left:50%;transform:translate(-50%)}.hero__bg-content{justify-content:flex-end;align-items:flex-end;padding-top:100px;display:flex}@media (max-width:1200px){.hero__bg-content{margin-right:-70px}}@media (max-width:820px){.hero__bg-content{height:100%;margin-right:-15px}.hero__bg-content img{margin-bottom:-300px}}@media (max-width:567px){.hero__bg-content img{margin-bottom:-80px}}@media (max-width:1200px){.hero__logo--pc{margin-left:-67px;scale:.8}}@media (max-width:768px){.hero__logo--pc{display:none}}.hero__logo--mobile{display:none}@media (max-width:768px){.hero__logo--mobile{display:block}}
.about__content{flex-direction:column;align-items:center;gap:30px;display:flex}.about__content h2{text-align:center;font-size:clamp(32px,3vw,52px)}.about__content p{text-align:center;width:80%;font-size:20px}@media (max-width:768px){.about__content p{width:100%;font-size:18px}}
.title__content{justify-content:center;display:flex;margin-bottom:50px!important}.title__content h2{text-align:center;font-size:clamp(32px,3vw,52px)}
.dialog{background-color:var(--color-background);z-index:99999;border-radius:20px;width:100vw;max-width:500px;max-height:100vh;padding:40px;animation:.15s cubic-bezier(.16,1,.3,1) contentShow;position:fixed;top:50%;left:50%;transform:translate(-50%,-50%)}.dialog:focus{outline:none}.dialog__header{flex-direction:column;gap:7px;margin-bottom:10px;display:flex}.dialog__footer{justify-content:flex-end;gap:10px;margin-top:20px;display:flex}.dialog__title{padding-right:30px;font-size:24px}.dialog__description{color:var(--color-dark-gray)}.dialog__close{position:absolute;top:35px;right:40px;padding:7px!important}.dialog__btn{background-color:var(--color-block);justify-content:center;align-items:center;display:flex}.dialog-overlay{top:0;left:0;z-index:99999;-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px);background-color:#00000080;animation:.15s cubic-bezier(.16,1,.3,1) overlayShow;position:fixed;inset:0}@keyframes overlayShow{0%{opacity:0}to{opacity:1}}@keyframes contentShow{0%{opacity:0;transform:translate(-50%,-48%)scale(.96)}to{opacity:1;transform:translate(-50%,-50%)scale(1)}}
.services__content{flex-direction:column;gap:50px;display:flex}.services__item{background-color:var(--color-block);border-radius:30px;flex-direction:column;align-items:flex-end;gap:50px;width:100%;padding:50px;display:flex;position:relative}.services__header{justify-content:space-between;gap:200px;width:100%;display:flex}.services__title{flex-direction:column;flex:1;align-items:flex-start;gap:10px;display:flex}.services__title h2{font-size:34px}.services__title p{color:var(--color-dark-gray);font-size:20px}.services__title button{text-align:left;text-decoration:underline}.services__tags{flex-flow:row-reverse wrap;align-self:start;gap:15px;width:400px;display:flex}.services__tag{background-color:#313131;border:1px solid #464646;border-radius:100px;padding:7px 15px}.services__btns{align-items:center;gap:25px;display:flex;position:absolute;bottom:50px;left:50px}.services__btns button{color:var(--color-black);background-color:var(--color-white);border-radius:100px;padding:13px 35px}.services__btns span{font-size:20px;font-weight:500}.services__images{gap:30px;display:flex}.services__images img{aspect-ratio:1/1.2;background-color:var(--color-dark-gray);border-radius:15px;width:300px}.services-modal{max-width:700px;max-height:80vh;overflow:hidden}.services-modal__content{flex-direction:column;gap:10px;max-height:50vh;margin-top:30px;display:flex;overflow:auto}.services-modal__content ul,.services-modal__content ol{margin:0;padding-left:20px}.services-modal__content ul li::marker{color:var(--color-dark-gray)}.services-modal__content ol li::marker{color:var(--color-dark-gray)}@media (max-width:1200px){.services__item{align-items:flex-start;gap:70px}.services__btns{position:static}.services__images{display:none}}@media (max-width:1024px){.services__header{gap:30px}}@media (max-width:768px){.services__tags{display:none}}@media (max-width:567px){.services__btns{flex-direction:column-reverse;width:100%}.services__btns button{width:100%}.services__item{padding:30px}}
.loader{border:1px solid var(--color-border);border-radius:100px;align-self:center;padding:13px}.loader__animantion{aspect-ratio:5;background:radial-gradient(circle closest-side, var(--color-dark-gray) 90%, #0000) 0/33.3333% 100% space;clip-path:inset(0 100% 0 0);width:50px;animation:.9s steps(4,end) infinite l1}@keyframes l1{to{clip-path:inset(0 -34% 0 0)}}
.cases__content{flex-direction:column;align-items:center;gap:50px;display:flex}.cases__items{grid-template-columns:repeat(2,1fr);gap:30px;width:100%;display:grid}.cases__item{cursor:pointer;flex-direction:column;gap:20px;display:flex}.cases__item img{aspect-ratio:1/1.1;background-color:var(--color-dark-gray);border-radius:15px;width:100%}.cases__item h3{font-size:32px;line-height:130%}.cases__tags{flex-wrap:wrap;gap:10px;display:flex}.cases__tag{background-color:#313131;border:1px solid #464646;border-radius:100px;padding:5px 15px}.cases__more{justify-content:center;display:flex}.cases__more button{color:var(--color-black);background-color:var(--color-white);padding:7px 25px}.case-modal{background-color:#0000;border:none;flex-direction:column;gap:10px;max-width:1130px;padding-top:200px;display:flex;overflow:auto}.case-modal__title{font-size:32px}.case-modal__description{color:var(--color-white)}.case-modal__content{grid-template-columns:repeat(2,1fr);gap:10px;margin-top:30px;display:grid}.case-modal__img{aspect-ratio:9/13;background-color:var(--color-block);border-radius:10px;width:100%;position:relative;overflow:hidden}.case-modal__img img{width:100%;height:100%}.case-modal__caption{font-size:20px;font-weight:500;position:absolute;bottom:40px;left:40px}.case-modal .dialog__close{top:200px}@media (max-width:768px){.cases__items{grid-template-columns:1fr;gap:50px}.cases__item h3{font-size:22px}.cases__item img{aspect-ratio:1}.cases__tag{padding:5px 10px;font-size:16px}.case-modal{padding-top:50px}.case-modal .dialog__close{top:50px}}@media (max-width:567px){.case-modal__content{grid-template-columns:1fr}}
.videos__content{flex-direction:column;align-items:center;gap:50px;display:flex}.videos__items{grid-template-columns:repeat(3,1fr);gap:40px;width:100%;display:grid}.videos__item{flex-direction:column;gap:20px;width:100%;display:flex}.videos__item b{font-size:24px}.videos__video{aspect-ratio:9/13;background-color:var(--color-block);border-radius:15px;width:100%;overflow:hidden}.videos__video video{object-fit:cover;width:100%;height:100%}.videos__loader{grid-column:1/-1;justify-content:center;display:flex}.videos__more{justify-content:center;display:flex}.videos__more button{color:var(--color-black);background-color:var(--color-white);padding:7px 25px}@media (max-width:768px){.videos__items{grid-template-columns:repeat(2,1fr)}.videos__item b{font-size:20px}}@media (max-width:567px){.videos__items{grid-template-columns:1fr}}