.ticker{--offset:0;overflow:hidden;width:100%}.ticker__content{align-items:center;backface-visibility:hidden;display:flex;will-change:transform}.ticker__content>*{flex-grow:0;flex-shrink:0}.text-ticker{display:flex;font-size:var(--text-size-lg);letter-spacing:-.01em;line-height:1.1;padding:1.5rem 0}.text-ticker .ticker__content{gap:1rem;transform:translateX(calc(var(--offset)*-1));white-space:nowrap}.text-ticker .ticker__content+.ticker__content{margin-left:1rem}.text-ticker svg{display:inline-block;width:1em}.text-ticker--dark{background-color:#171717;color:var(--color-white)}@keyframes ticker-left{0%{transform:translateX(0)}to{transform:translateX(-100%)}}.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-default);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%}.image-list{display:flex;gap:1rem;overflow-x:auto;scroll-snap-type:x mandatory;width:100%}.image-list .image-list-item{aspect-ratio:var(--image-list-ratio,1);flex:0 0 var(--image-list-width,75%);scroll-snap-align:center}@media screen and (min-width:50rem){.image-list .image-list-item{flex-basis:27.5%}}.image-list .image-list-item img{display:block;height:100%;object-fit:cover;width:100%}.page-about{padding-bottom:10rem}.page-about .intro .legend{font-size:clamp(1.5rem,.5rem + 3vw,var(--text-size-xl));line-height:1;margin:2rem 0;text-align:center}.page-about .intro .legend-bottom{margin:6rem 0}.page-about .intro .image-list-container{margin:2rem 0}.page-about .intro .shop-button-container{margin:3.5rem auto}.page-about .card-list{display:flex;gap:1rem;margin:6rem 0;overflow-x:auto;padding:2rem 1rem;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:60rem){.page-about .card-list .card-list-item{flex-basis:32%}}.page-about .card-list .card-list-item .card{display:grid;gap:1rem}.page-about .card-list .card-list-item .card .title{font-size:var(--text-size-lg);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:1rem;margin:6rem 0}.page-about .how .title{font-size:var(--text-size-lg)}.page-about .how .content .description{margin-top:2rem;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;flex:0 0 auto;height:100%;overflow:hidden;position:relative;scroll-snap-align:center}@media screen and (min-width:60rem){.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:1rem;margin:6rem 0}@media screen and (min-width:60rem){.b2b-about-content .our-mission{grid-template-columns:1fr 1fr}}.b2b-about-content .mmh-more-than-supplier{margin:6rem 0;max-width:60ch}.b2c-about-content .image-list-container{--image-list-ratio:7/8;margin:2rem 0}.b2c-about-content .we-specialize{margin:0 0 6rem}.b2c-about-content .we-specialize p{font-size:var(--text-size-lg);max-width:60ch}.b2c-about-content .our-flagship{display:grid;gap:2rem;margin:2rem 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:2rem}@media screen and (min-width:60rem){.b2c-about-content .our-flagship{grid-template-columns:1fr 1fr}}.b2c-about-content .innovate-approach{display:grid;gap:1rem;margin:2rem 0 6rem}.b2c-about-content .innovate-approach .thanks{font-size:var(--text-size-lg);font-weight:600}@media screen and (min-width:60rem){.b2c-about-content .innovate-approach{grid-template-columns:3fr 2fr}.b2c-about-content .innovate-approach .thanks{max-width:60ch}}