meri-scroll-motion{display:block}.motion-banner{--motion-font: var(--font-primary--family, Arial, sans-serif);--motion-font-weight: 300;position:relative;isolation:isolate;overflow:clip;container-type:inline-size;width:100%;margin-inline:auto;aspect-ratio:var(--motion-media-ratio, 1.777777);color:#fff;background:#292a2b}.motion-banner{--motion-decoration-shift: var(--motion-decoration-desktop, 0%)}@media(min-width:761px){.motion-banner:not(.motion-banner--video){max-height:100svh}.motion-banner--desktop-screen:not(.motion-banner--video){aspect-ratio:auto;height:100svh;min-height:max(min(35rem,100svh),var(--kinetic-min-height, 0px))}.motion-banner--desktop-screen:not(.motion-banner--video) .motion-banner__media>img{object-fit:cover}}@media(max-width:760px){.motion-banner{--motion-decoration-shift: var(--motion-decoration-mobile, 0%)}.motion-banner--mobile-portrait:not(.motion-banner--video){aspect-ratio:4 / 5}.motion-banner--mobile-landscape:not(.motion-banner--video){aspect-ratio:4 / 3}:is(.motion-banner--mobile-portrait,.motion-banner--mobile-landscape):not(.motion-banner--video) .motion-banner__media>img{object-fit:cover}}.motion-banner__media{position:absolute;top:0;right:0;bottom:0;left:0;z-index:-2}.motion-banner__media>img,.motion-banner__media>.motion-banner__placeholder,.motion-banner__media video{display:block;width:100%;height:100%;object-fit:contain}.motion-banner__media meri-tutorial-video{display:block;width:100%;height:100%}.motion-banner:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;z-index:-1;background:linear-gradient(180deg,#0005,transparent 30%),linear-gradient(0deg,#0007,transparent 65%);opacity:var(--motion-overlay, 1);pointer-events:none}.motion-banner__copy.page-width{position:absolute;inset-inline:0;inset-block-end:0;width:100%;max-width:none;padding:clamp(.75rem,4cqw,4rem);display:grid;grid-template-columns:minmax(0,1fr) minmax(0,.65fr);gap:clamp(.5rem,1.2cqw,1.25rem) 5%;align-items:end}.motion-banner__copy h2{grid-column:1;margin:0;max-width:14ch;font-size:calc(clamp(1rem,4.4cqw,4.375rem) * var(--motion-heading-scale, 1));line-height:1.05;letter-spacing:-.035em;color:inherit}.motion-banner__copy .prose{grid-column:2;grid-row:1 / span 2;max-width:42ch;margin:0;font-size:clamp(.625rem,1.1cqw,1.125rem);line-height:1.5}.motion-banner__copy .prose p{margin:0}.motion-banner__copy .button{grid-column:1;justify-self:start;min-height:2.25rem;border-radius:6.1875rem;padding:.3125rem .3125rem .3125rem clamp(.75rem,1.5cqw,1.5rem);font-size:clamp(.6875rem,1.1cqw,1rem);gap:1rem;background:#fffffff2;color:#202020;border-color:transparent}.motion-banner__copy .button span{display:grid;place-items:center;width:clamp(1.625rem,2.5cqw,2.5rem);aspect-ratio:1;border-radius:50%;background:#171c22;color:#fff}.motion-banner__decoration{--motion-decoration-anchor: 35%;position:absolute;inset-block-start:calc(35% + var(--motion-decoration-shift, 0%));inset-inline-start:0;width:100%;margin:0;white-space:nowrap;font-family:var(--motion-font);font-size:clamp(2.5rem,17cqw,18.75rem);font-weight:var(--motion-font-weight);font-style:var(--motion-font-style, normal);line-height:1;letter-spacing:-.04em;opacity:.5;pointer-events:none}.motion-banner__word{position:relative;display:inline-block}.motion-banner--light .motion-banner__decoration,.motion-banner--classic .motion-banner__decoration,.motion-banner--bold .motion-banner__decoration,.motion-banner--mixed .motion-banner__decoration{--motion-decoration-anchor: 26%;inset-block-start:calc(26% + var(--motion-decoration-shift, 0%));font-size:clamp(2.5rem,15.5cqw,18.75rem);opacity:1;letter-spacing:-.035em;line-height:1.15}.motion-banner--light .motion-banner__word,.motion-banner__word--outline{color:transparent;-webkit-text-stroke:clamp(.8px,.2cqw,.1875rem) #fffffff0}.motion-banner--classic .motion-banner__decoration{font-style:italic;font-size:clamp(2.5rem,16.5cqw,20rem);letter-spacing:-.025em;color:#ffffffc7}.motion-banner--bold .motion-banner__decoration{font-size:clamp(2.25rem,15cqw,18.125rem);letter-spacing:0}.motion-banner__contour{padding-inline:.025em;text-transform:uppercase}.motion-banner__measure{visibility:hidden}.motion-banner__contour-svg{position:absolute;top:0;right:0;bottom:0;left:0;overflow:visible;font:inherit;letter-spacing:inherit}.motion-banner--mixed .motion-banner__decoration{font-size:clamp(2.5rem,15cqw,18.125rem);letter-spacing:-.045em}.motion-banner--mixed .motion-banner__word:not(.motion-banner__word--outline){color:#ffffffa8}.motion-banner--mixed .motion-banner__word+.motion-banner__word{margin-inline-start:.08em}.motion-banner__word+.motion-banner__word{margin-inline-start:.3em}.motion-banner__track{display:flex;width:max-content;animation:banner-travel var(--motion-duration, 36s) linear infinite;animation-play-state:paused}.motion-banner__group{flex:0 0 auto;min-width:100cqw;padding-inline:.18em;box-sizing:border-box}[data-motion=standard] .motion-banner__track{animation-duration:var(--motion-duration, 26s)}[data-motion=pronounced] .motion-banner__track{animation-duration:var(--motion-duration, 18s)}[data-motion-running=true]:not([data-motion-font-ready=false]) .motion-banner__track{animation-play-state:running;will-change:transform}@keyframes banner-travel{0%{transform:translateZ(0)}to{transform:translate3d(-50%,0,0)}}.motion-banner--video{aspect-ratio:auto;background:var(--color-bg);color:var(--color-text)}.motion-banner--video .motion-banner__media{position:relative;inset:auto;z-index:auto;aspect-ratio:var(--motion-media-ratio)}.motion-banner--video:after{display:none}.motion-banner--video .motion-banner__copy{position:relative}.motion-banner--video .motion-banner__decoration{inset-block-start:auto;inset-block-end:1%;opacity:.12}@media(max-width:760px){.motion-banner__copy .button{position:relative;min-height:1.9375rem;padding:.21875rem .21875rem .21875rem .525rem;font-size:.625rem;gap:.6875rem}.motion-banner__copy .button:after{content:"";position:absolute;top:-.4375rem;right:0;bottom:-.4375rem;left:0}.motion-banner__copy .button span{width:1.1375rem}}.brand-showcase>.page-width{padding-inline:clamp(1.25rem,3.65vw,3.5rem)}.brand-showcase__heading{margin:0 0 clamp(1.75rem,3vw,2.75rem);font-size:clamp(1.75rem,4.2vw,4rem);font-weight:700;letter-spacing:-.035em}.brand-showcase__grid{display:grid;grid-template-columns:repeat(var(--brand-columns, 5),minmax(0,1fr));margin:0;padding:0;list-style:none;overflow:hidden;border-radius:1.625rem;background:var(--color-bg);box-shadow:0 .75rem 2rem -.625rem color-mix(in srgb,var(--color-text) 15%,transparent)}.brand-showcase__item{min-width:0;background:linear-gradient(135deg,transparent 20%,color-mix(in srgb,var(--color-text) 3%,transparent))}.brand-showcase__content{position:relative;isolation:isolate;display:flex;height:100%;min-height:clamp(8.5rem,13.3vw,12.75rem);gap:.5rem;flex-direction:column;align-items:center;justify-content:center;padding:1rem clamp(.75rem,1.8vw,1.75rem);color:inherit;text-decoration:none;-webkit-tap-highlight-color:transparent}.brand-showcase__content:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;z-index:-1;border-radius:0;background:currentColor;opacity:0;transition:opacity .22s ease}.brand-showcase__visual{width:100%;height:clamp(5rem,9.2vw,9rem);display:flex;align-items:center;justify-content:center}.brand-showcase__visual img,.brand-showcase__example{display:block;width:100%;max-width:12rem;height:100%;object-fit:contain}[data-logo-layout=auto] .brand-showcase__visual img{width:auto;height:auto;max-width:100%;max-height:100%}.brand-showcase__example{background:currentColor;-webkit-mask:var(--brand-image) center / contain no-repeat;mask:var(--brand-image) center / contain no-repeat}.brand-showcase__name{font-size:clamp(1rem,1.7vw,1.65rem);font-weight:600;text-align:center;overflow-wrap:anywhere;line-height:1.15}.brand-showcase__notice{margin:1rem 0 0;font-size:.8rem;opacity:.7}.brand-showcase__description{text-align:center;font-size:.85rem;margin:0;opacity:.7;max-width:28ch}.brand-showcase__visual>:not(.visually-hidden){transition:transform .28s cubic-bezier(.2,.7,.2,1)}.brand-showcase__arrow{position:absolute;inset-block-end:1rem;inset-inline-end:1rem;width:1rem;height:1rem;opacity:0;transform:translate(-.1875rem,.1875rem);transition:transform .22s ease,opacity .22s ease}.brand-showcase__arrow svg{width:100%;height:100%}:where(:root:not([data-pointer=touch])) .brand-showcase__content:hover:before{opacity:.035}:where(:root:not([data-pointer=touch])) .brand-showcase__content:hover .brand-showcase__visual>:not(.visually-hidden){transform:translateY(-2px) scale(1.045)}:where(:root:not([data-pointer=touch])) a.brand-showcase__content:hover .brand-showcase__arrow{opacity:.8;transform:none}a.brand-showcase__content:focus-visible{outline:var(--focus-outline-width, 2px) solid currentColor;outline-offset:-.25rem}a.brand-showcase__content:focus-visible:before{opacity:.055}a.brand-showcase__content:focus-visible .brand-showcase__arrow{opacity:1;transform:none}a.brand-showcase__content:is(:active,[data-pressed=in]):before{opacity:.08}a.brand-showcase__content:is(:active,[data-pressed=in]) .brand-showcase__visual>:not(.visually-hidden){transform:scale(.975);transition-duration:90ms}@media(max-width:1100px){.brand-showcase__content{min-height:clamp(5rem,13vw,8rem);padding:.75rem clamp(.35rem,1.5vw,1.25rem)}.brand-showcase__visual{height:clamp(3.25rem,9.2vw,7rem)}.brand-showcase__name{font-size:clamp(.6875rem,1.8vw,1.4rem)}.brand-showcase__description{font-size:clamp(.625rem,1.4vw,.85rem);overflow-wrap:anywhere}.brand-showcase__arrow{inset-block-end:.4rem;inset-inline-end:.4rem;width:.75rem;height:.75rem}}@media(max-width:760px){.brand-showcase__content{min-height:2.75rem;padding:.5rem .25rem;gap:.375rem}.brand-showcase__visual{position:relative;flex-shrink:0;height:auto;aspect-ratio:3 / 1}.brand-showcase[data-logo-layout] .brand-showcase__visual img,.brand-showcase__visual .brand-showcase__example{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;max-width:100%}.brand-showcase__visual:has(.brand-showcase__name){aspect-ratio:auto}.brand-showcase__heading{margin-bottom:var(--ui-module-space);font-size:calc(var(--ui-h2-size) * var(--font-scale, 1) * var(--font-heading-scale, 1))}.brand-showcase>.page-width{padding-inline:0}}@media(prefers-reduced-motion:reduce){.motion-banner__decoration,.brand-showcase__visual,.brand-showcase__visual>*,.brand-showcase__arrow,.brand-showcase__content:before{transform:none!important;transition:none}}@media(prefers-reduced-motion:reduce){.motion-banner__track{animation:none}}.motion-banner--fill .motion-banner__decoration{--motion-decoration-anchor: 26%;inset-block-start:calc(26% + var(--motion-decoration-shift, 0%));font-size:clamp(2.5rem,15cqw,18.125rem);opacity:1;letter-spacing:-.02em;line-height:1.15}.motion-banner__fill{text-transform:uppercase;color:transparent;-webkit-text-fill-color:transparent;-webkit-text-stroke:clamp(.6px,.12cqw,2px) rgba(255,255,255,.28);background-image:var( --motion-fill-image, linear-gradient( 115deg, #0b3d1d, var(--kinetic-accent-color, #3edaa8) 30%, #ffffff 42%, var(--kinetic-accent-color, #3edaa8) 55%, #0b3d1d ) );background-size:140% auto;background-position:0% 40%;background-clip:text;-webkit-background-clip:text;filter:brightness(1.35) saturate(1.15);animation:banner-fill-flow 16s ease-in-out infinite alternate;animation-play-state:paused}.motion-banner__fill:after{content:attr(data-text);position:absolute;top:0;right:0;bottom:0;left:0;color:transparent;-webkit-text-fill-color:transparent;-webkit-text-stroke:0;background:linear-gradient(100deg,transparent 40%,rgba(255,255,255,.55) 50%,transparent 60%) 120% 0 / 300% 100%;background-clip:text;-webkit-background-clip:text;animation:banner-fill-sheen 5.5s ease-in-out infinite;animation-play-state:paused}[data-motion=standard] .motion-banner__fill{animation-duration:12s}[data-motion=pronounced] .motion-banner__fill{animation-duration:9s}[data-motion-running=true]:not([data-motion-font-ready=false]) .motion-banner__fill,[data-motion-running=true]:not([data-motion-font-ready=false]) .motion-banner__fill:after{animation-play-state:running}@keyframes banner-fill-flow{to{background-position:100% 60%}}@keyframes banner-fill-sheen{to{background-position:-40% 0}}@media(prefers-reduced-motion:reduce){.motion-banner__fill,.motion-banner__fill:after{animation:none}}.motion-banner__toggle{position:absolute;inset-block-end:1rem;inset-inline-end:1rem;z-index:3;display:inline-grid;place-items:center;width:2.75rem;height:2.75rem;padding:0;border:0;border-radius:50%;background:#00000073;color:#fff;cursor:pointer}.motion-banner__toggle:focus-visible{outline:var(--focus-outline-width, 2px) solid currentColor;outline-offset:2px}.motion-banner__toggle[data-playing=true] .motion-banner__play,.motion-banner__toggle[data-playing=false] .motion-banner__pause{display:none}@media(max-width:760px){.motion-banner:not(.motion-banner--video){min-height:max(var(--motion-mobile-min-height, 0px),var(--kinetic-min-height, 0px))}.motion-banner:not(.motion-banner--video) .motion-banner__media>img{object-fit:cover}.motion-banner__copy.page-width{inset-block-end:.375rem;grid-template-columns:minmax(0,1fr) 2.75rem;gap:.5rem}.motion-banner__copy h2,.motion-banner__copy .prose{grid-column:1 / -1;grid-row:auto;max-width:none}.motion-banner__copy .button{margin-block:.40625rem}.motion-banner__toggle{inset-block-end:calc(clamp(.75rem,4cqw,4rem) + .375rem);inset-inline-end:clamp(.75rem,4cqw,4rem);background:transparent}.motion-banner__toggle:before{content:"";position:absolute;width:1.875rem;height:1.875rem;border-radius:50%;background:#00000073;pointer-events:none}.motion-banner__toggle svg{position:relative;width:.875rem;height:.875rem}.motion-banner:not(.motion-banner--video) .motion-banner__decoration:not(meri-kinetic-type){inset-block-start:clamp(var(--motion-header-safe, 0px),calc(clamp(var(--motion-header-safe, 0px),var(--motion-decoration-anchor, 35%),calc(100% - var(--motion-copy-size, 0px) - var(--motion-decoration-size, 0px) - 1.125rem)) + var(--motion-decoration-shift, 0%)),calc(100% - var(--motion-decoration-size, 0px)))}}@media(max-width:760px)and (prefers-reduced-motion:no-preference){.motion-banner:has(>.motion-banner__toggle) .motion-banner__copy:not(:has(.button)):after{content:"";grid-column:1 / -1;height:2.75rem}}@media(prefers-reduced-motion:reduce){.motion-banner__toggle{display:none}}
/*# sourceMappingURL=/cdn/shop/t/41/assets/motion-sections.css.map */