.hero{--hero-ratio:9/16;align-items:center;aspect-ratio:var(--hero-ratio);color:var(--hero-color,var(--color-white));display:flex;justify-content:center;position:relative;text-align:center;z-index:0}.hero .background{inset:0;position:absolute;z-index:-1}.hero .background img{display:block;height:100%;object-fit:cover;width:100%}.hero .continue{bottom:0;font-size:25vw;position:absolute}@media screen and (min-width:50rem){.hero{--hero-ratio:16/9}}.ticker{overflow:hidden;white-space:nowrap;width:100%}.ticker .ticker-content{animation:ticker-left 90s linear infinite;display:flex;width:fit-content}.ticker .content{align-items:center;display:flex;gap:var(--size-200);padding:var(--size-100)}@keyframes ticker-left{0%{transform:translateX(0)}to{transform:translateX(-50%)}}.text-icon-ticker{background-image:var(--ticker-bg,var(--gradient-01));color:var(--ticker-fg,var(--color-white))}.text-icon-ticker .icon{font-size:1.5em}.video-player{position:relative}.video-player .play-button{background-color:var(--color-white);border:none;border-radius:50%;box-shadow:0 .5rem 1rem rgba(0,0,0,.2);cursor:pointer;height:5rem;inset:50%;position:absolute;transform:translateX(-50%) translateY(-50%);transition:transform .2s ease;width:5rem}.video-player .play-button:hover{transform:translateX(-50%) translateY(-50%) scale(1.05)}.video-player .play-button:before{background-image:var(--gradient-01);clip-path:polygon(0 0,100% 50%,0 100%);content:"";height:2rem;left:50%;position:absolute;top:50%;transform:translateX(-40%) translateY(-50%);width:2rem}.video-player.playing .play-button{display:none}.video-player video{height:100%;object-fit:cover;width:100%}.carousel{display:flex;gap:var(--spacer);overflow-x:auto;scroll-snap-type:x mandatory;width:100%}.carousel .carousel-item{aspect-ratio:var(--carousel-ratio,1);flex:0 0 var(--carousel-width,75%);scroll-snap-align:center}@media screen and (min-width:50rem){.carousel .carousel-item{flex-basis:27.5%}}.carousel .carousel-item img{display:block;height:100%;object-fit:cover;width:100%}.page-about .hero .content{margin-bottom:10vh;margin-top:auto}.page-about .hero .logo-container{margin-bottom:10vh}.page-about .hero .logo-container img{width:90vw}@media screen and (min-width:50rem){.page-about .hero .logo-container{margin-bottom:15vh}.page-about .hero .logo-container img{width:50vw}}.page-about .card-list{display:flex;gap:var(--spacer);margin:var(--size-600) 0;overflow-x:auto;padding:var(--size-200) var(--size-100);scroll-snap-type:x mandatory;width:100%}.page-about .card-list .card-list-item{flex:0 0 95%;scroll-snap-align:center}@media screen and (min-width:50rem){.page-about .card-list .card-list-item{flex-basis:32%}}.page-about .card-list .card-list-item .card{display:grid;gap:var(--spacer)}.page-about .card-list .card-list-item .card .title{margin:0}.page-about .card-list .card-list-item .card .image-container{aspect-ratio:1}.page-about .card-list .card-list-item .card .image-container img{display:block;height:100%;object-fit:cover;width:100%}.page-about .how{display:grid;gap:var(--spacer);margin:var(--size-600) 0}.page-about .how .content .description{margin-top:var(--size-200);max-width:35ch}.page-about .how .videos-container{display:flex;margin-left:auto;max-width:100%;overflow:hidden}.page-about .how .video-list{display:flex;flex:1;gap:1.5rem;height:50vh;overflow-x:auto;padding-bottom:1rem;scroll-snap-type:x mandatory}.page-about .how .video-list .video-player{aspect-ratio:9/16;border:1px solid var(--color-fg);flex:0 0 auto;height:100%;overflow:hidden;position:relative;scroll-snap-align:center}@media screen and (min-width:50rem){.page-about .how{grid-template-columns:2fr 3fr}}.page-about-b2b .hero .background img{object-position:65% 50%}.b2b-about-content .our-mission{display:grid;gap:var(--spacer);margin:var(--size-600) 0}@media screen and (min-width:50rem){.b2b-about-content .our-mission{grid-template-columns:1fr 1fr}}.b2b-about-content .mmh-more-than-supplier{margin:var(--size-600) 0;max-width:40ch}.b2c-about-content .fast-growing-innovator{display:grid;gap:var(--spacer);margin:var(--size-600) 0 0}@media screen and (min-width:50rem){.b2c-about-content .fast-growing-innovator{grid-template-columns:1fr 1fr}.b2c-about-content .fast-growing-innovator .heading{max-width:24ch}.b2c-about-content .fast-growing-innovator .body p{max-width:45ch}}.b2c-about-content .carousel-container{--carousel-ratio:7/8;margin:var(--size-200) 0}.b2c-about-content .we-specialize{margin:0 0 var(--size-600)}.b2c-about-content .we-specialize p{max-width:40ch}.b2c-about-content .our-flagship{display:grid;gap:var(--size-200);margin:var(--size-200) 0}.b2c-about-content .our-flagship .image-container{aspect-ratio:1}.b2c-about-content .our-flagship .image-container img{height:100%;object-fit:cover;width:100%}.b2c-about-content .our-flagship .content{display:grid;gap:var(--size-200)}@media screen and (min-width:50rem){.b2c-about-content .our-flagship{grid-template-columns:1fr 1fr}}.b2c-about-content .innovate-approach{display:grid;gap:var(--size-100);margin:var(--size-200) 0 var(--size-600)}@media screen and (min-width:50rem){.b2c-about-content .innovate-approach{grid-template-columns:3fr 2fr}.b2c-about-content .innovate-approach .heading{max-width:30ch}}