@media screen and (max-width:1024px){.brand-viewer{width:100%;display:flex;flex-direction:row;justify-content:flex-start;align-items:flex-start;border:1px solid #efefef;border-radius:8px;padding:30px;margin-top:30px;gap:30px}.icon{width:50px;height:50px}.content{width:calc(100% - 80px)}.brand-name{color:#000000;font-size:18px}}@media screen and (min-width:1025px){.brand-viewer{width:200px;display:flex;flex-direction:column;justify-content:flex-start;align-items:center;padding:40px 0;transition:all,.5s;filter:grayscale(100%);gap:20px}.brand-viewer:hover{padding:10px 0 30px;filter:none;gap:10px}.icon{width:50px;height:50px}.content{display:flex;flex-direction:column;justify-content:flex-start;align-items:center;gap:10px}.brand-name{color:#000000;font-size:18px}.hover-vision{display:none}.brand-viewer:hover .hover-vision{display:flex;flex-direction:column;justify-content:center;align-items:center;gap:10px}}.banner{width:100%;height:100vh;position:relative}.slogan{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.banner-image,video{width:100%;height:100%;object-fit:cover}.recomand{padding:100px 0;overflow-x:hidden}.half-screen-container>*{width:100%;height:100%}@media screen and (max-width:1024px){.sprite,video{display:none}.slogan-image{width:calc(100vw - 60px)}.contact-container{justify-content:flex-start}.contact-container,.half-screen-container{display:flex;flex-direction:column;align-items:flex-start;gap:30px}.half-screen-container{width:100%;justify-content:space-between}.card-container{margin-top:20px}.card-title{font-size:16px;font-weight:var(--font-weight-semibold)}.card-description{font-size:14px;color:#999999}.link-view{font-size:6vw;margin:8px 0}.flex-space{color:#999999;font-size:14px}}@media screen and (min-width:1025px){.banner-image{display:none}.sprite{padding:20px 70px;position:relative}.dual-ball{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.contact-container{flex-direction:row;align-items:stretch;min-height:60vh}.contact-container,.half-screen-container{display:flex;justify-content:space-between;gap:40px}.half-screen-container{width:calc((100% - 40px) / 2);flex-direction:column;align-items:flex-start;min-height:0}.brand .flex-space{justify-content:space-between;align-items:flex-start;height:480px}.slogan-image{width:50vw}.card-container{margin-top:20px}.card-title{font-size:16px;font-weight:var(--font-weight-semibold)}.card-description{font-size:14px;color:#999999}.link-view{font-size:36px;margin:8px 0}.flex-space{display:flex;flex-direction:row;justify-content:space-between;align-items:center;color:#999999;font-size:14px}}