@media(max-width:767px){
body{height:auto!important;min-height:100svh;overflow-x:hidden}
.page{position:relative!important;inset:auto!important;width:100%!important;height:auto!important;min-height:100svh;transform:none!important;background-size:cover!important;background-position:center!important;overflow:hidden;padding:88px 20px 36px}
.home{position:absolute!important;left:20px!important;top:22px!important;font-size:18px!important;line-height:42px!important;gap:12px!important}
.home svg{width:24px;height:24px}
.grid{position:relative!important;left:auto!important;top:auto!important;display:grid!important;grid-template-columns:minmax(0,1fr)!important;gap:32px!important;max-width:440px;margin:auto}
.cover{width:100%!important;height:auto!important;aspect-ratio:395/578;border-radius:24px!important}
.case .cover{aspect-ratio:530/775}
.page .caption{font-size:23px!important;margin:16px 6px 0!important;height:36px!important}
.number{font-size:20px!important}.line{margin-top:10px!important}
.action{width:min(255px,100%)!important;height:58px!important;margin-top:18px!important;font-size:22px!important}
.button-label{left:24px!important;top:0!important;height:56px!important;line-height:56px!important}
.action .circle{width:36px!important;height:36px!important;top:10px!important;right:12px!important}
.art{filter:none!important}
.mobile-home{padding:0 20px 28px!important;background-image:linear-gradient(#24333133,#24333199),url('assets/background.png')!important;background-position:65% top!important;min-height:100svh}
.mobile-home .nav{top:20px!important;width:auto!important;height:44px!important;color:white!important;font-size:16px;line-height:44px;padding:0 12px;white-space:nowrap}
.mobile-home .works{left:8px!important}.mobile-home .about{left:50%!important;transform:translateX(-50%)}.mobile-home .contact{left:auto!important;right:8px}
.mobile-heading{display:block!important;padding-top:136px;margin:0;font-size:clamp(46px,12vw,80px);font-weight:400;line-height:1.1}
.mobile-subtitle{display:block!important;margin:22px 0 28px;font-size:19px;line-height:1.7}
.mobile-home .portfolio{position:relative!important;display:block;left:auto!important;top:auto!important;width:218px!important;height:60px!important;background:#171c1bd9;color:white!important;margin-bottom:45px}
.mobile-home .portfolio .label{font-size:26px;left:26px;top:3px;line-height:54px}
.mobile-home .portfolio .circle{visibility:visible;width:46px;height:46px;top:7px;color:#ff8500}
.mobile-home .portfolio:active{background:#ff8500}.mobile-home .portfolio:active .circle{color:black}
.carousel{position:relative!important;left:auto!important;top:auto!important;width:calc(100% + 40px)!important;margin-left:-20px;height:430px!important;background:none!important;touch-action:pan-y}
.track{gap:55px!important}.card{border-radius:28px!important}
.training-mobile{padding:0!important;overflow-x:auto!important}.training-mobile .original{width:100%!important;height:auto!important}.training-mobile .client{display:none}.training-mobile .back{position:fixed;top:16px;right:16px;background:#17201de6;border-radius:24px;padding:10px 16px;font-size:16px;z-index:2}
.static-mobile main{overflow-x:auto}.static-mobile main>img{width:100%;height:auto}.static-mobile .back{position:fixed;left:auto;top:16px;right:16px;width:auto;height:44px;padding:0 16px;background:#17201de6;color:white;line-height:44px;text-decoration:none;font:16px/44px OPPO,sans-serif;z-index:2}
}
.mobile-heading,.mobile-subtitle{display:none}