.media-blocks{--mb-pt-d: 80px;--mb-pb-d: 80px;--mb-pt-m: 48px;--mb-pb-m: 48px;--mb-gap: 24px;--mb-columns: 2;--mb-subheading-size-d: 13px;--mb-subheading-size-m: 12px;--mb-heading-size-d: 48px;--mb-heading-size-m: 34px;--mb-content-size: 14px;--mb-content-size-mobile: 13px;--mb-card-min-height: 520px;padding-block:var(--mb-pt-d) var(--mb-pb-d);color:rgb(var(--color-foreground))}.media-blocks__inner{display:grid;gap:clamp(32px,5vw,72px)}.media-blocks__intro{display:grid;gap:18px;max-width:760px;text-align:var(--mb-text-align, left);justify-self:var(--mb-intro-justify, start)}.media-blocks__intro--center{--mb-intro-justify: center}.media-blocks__intro--right{--mb-intro-justify: end}.media-blocks__subheading,.media-blocks__block-subheading{display:inline-flex;align-items:center;gap:10px;margin:0;line-height:1.3;letter-spacing:.08em;text-transform:uppercase}.media-blocks__subheading{font-size:var(--mb-subheading-size-d)}.media-blocks__block-subheading{font-size:var(--mb-block-subheading-size, 13px)}.media-blocks__subheading:before,.media-blocks__block-subheading:before{content:"";width:8px;height:8px;flex:0 0 8px;background:currentColor}.media-blocks__subheading p,.media-blocks__heading p,.media-blocks__content p,.media-blocks__block-subheading p,.media-blocks__block-heading p,.media-blocks__block-text p{margin:0}.media-blocks__heading{margin:0;color:rgb(var(--color-foreground));font-family:var(--font-heading-family);font-style:var(--font-heading-style);font-weight:var(--font-heading-weight);font-size:var(--mb-heading-size-d);line-height:.98;letter-spacing:var(--heading-letter-spacing, var(--font-heading-letter-spacing, 0));text-transform:var(--font-heading-text-transform, uppercase)}.media-blocks__heading[data-scroll=true]{overflow:hidden;white-space:nowrap;max-width:100%}.media-blocks__heading-track{display:inline-flex;gap:.45em;min-width:max-content;animation:mediaBlocksHeadingScroll 22s linear infinite}.media-blocks__heading-track span{display:inline-block}.media-blocks__heading-separator{opacity:.45}.media-blocks .media-blocks__plain,.media-blocks .media-blocks__markers{display:inline;white-space:inherit;color:currentColor}.media-blocks .media-blocks__markers--heading{font-family:var(--font-heading-family);font-style:var(--font-heading-style);font-weight:var(--font-heading-weight)}.media-blocks .media-blocks__markers--marker{display:inline-flex;flex-direction:column;gap:.08em;vertical-align:baseline;color:var(--mb-marker-text-color, currentColor);-webkit-text-fill-color:var(--mb-marker-text-color, currentColor);-webkit-text-stroke:0 transparent}.media-blocks .media-blocks__marker-line{position:relative;display:block;width:fit-content;padding:.04em .12em .08em;overflow:hidden;isolation:isolate;line-height:inherit}.media-blocks .media-blocks__marker-line:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;z-index:-1;background:var(--mb-marker-color, currentColor);transform:scaleX(0);transform-origin:left center;transition:transform .72s cubic-bezier(.22,1,.36,1);transition-delay:var(--media-blocks-marker-delay, 0ms)}.media-blocks .media-blocks__marker-text{position:relative;z-index:1;color:var(--mb-marker-text-color, currentColor);-webkit-text-fill-color:var(--mb-marker-text-color, currentColor)}.media-blocks .media-blocks__markers--marker.media-blocks__markers--animate .media-blocks__marker-line:before{transform:scaleX(1)}.media-blocks .media-blocks__markers--circle,.media-blocks .media-blocks__markers--circle-pencil,.media-blocks .media-blocks__markers--underline,.media-blocks .media-blocks__markers--underline-pencil{display:inline;color:currentColor;-webkit-text-fill-color:currentColor;-webkit-text-stroke:0 transparent;font-style:inherit;text-indent:0;overflow:visible}.media-blocks .media-blocks__shape-line{position:relative;display:inline-block;line-height:inherit;overflow:visible;vertical-align:baseline}.media-blocks .media-blocks__shape-line--circle{padding:.06em .08em}.media-blocks .media-blocks__shape-line--underline{padding:0 .06em .16em}.media-blocks .media-blocks__shape-text{position:relative;z-index:1;display:inline-block;color:currentColor;-webkit-text-fill-color:currentColor}.media-blocks .media-blocks__shape-svg{position:absolute;z-index:2;display:block;overflow:visible;pointer-events:none;color:var(--mb-marker-color, currentColor)}.media-blocks .media-blocks__shape-svg--circle{width:115%;height:1.2em;top:50%;left:50%;transform:translate(-50%,-50%)}.media-blocks .media-blocks__shape-svg--underline{--shape-compensation: min(.5em, 20px);width:calc(100% + var(--shape-compensation));height:.15em;inset-block-end:.02em;inset-inline-start:calc(-1 * var(--shape-compensation) / 2)}.media-blocks .media-blocks__shape-path{fill:none;stroke:currentColor;vector-effect:non-scaling-stroke}.media-blocks .media-blocks__markers--animate .media-blocks__shape-path{stroke-dasharray:var(--heading-shape-length, 100);stroke-dashoffset:var(--heading-shape-length, 100);animation:heading-effect-draw 1s cubic-bezier(.83,0,.17,1) forwards;animation-delay:var(--heading-shape-delay, 0ms)}.media-blocks__content{max-width:620px;color:rgb(var(--color-foreground));font-size:var(--mb-content-size);line-height:1.45;letter-spacing:var(--font-body-letter-spacing, 0);text-transform:uppercase}.media-blocks__content{justify-self:var(--mb-intro-justify, start)}.media-blocks__grid{display:grid;grid-template-columns:repeat(var(--mb-columns),minmax(0,1fr));gap:var(--mb-gap)}.media-blocks:not([data-horizontal-spacing=true]) .media-blocks__grid{gap:0}.media-blocks__block{position:relative;min-width:0;overflow:hidden;background:rgb(var(--color-background));color:rgb(var(--color-foreground))}.media-blocks[data-border=true] .media-blocks__block{border:1px solid rgba(var(--color-foreground),.14)}.media-blocks__block[data-hover-enabled=true]{transition:background-color .3s ease,color .3s ease}.media-blocks__block[data-hover-enabled=true]:hover,.media-blocks__block[data-hover-enabled=true]:focus-within,.media-blocks__block[data-hover-enabled=true].is-touch-active{color:rgb(var(--color-foreground))}.media-blocks__hover-color{position:absolute;top:0;right:0;bottom:0;left:0;z-index:0;opacity:0;background:rgb(var(--color-background));pointer-events:none;transition:opacity .3s ease}.media-blocks__block[data-hover-enabled=true]:hover .media-blocks__hover-color,.media-blocks__block[data-hover-enabled=true]:focus-within .media-blocks__hover-color,.media-blocks__block[data-hover-enabled=true].is-touch-active .media-blocks__hover-color{opacity:1}.media-blocks__media{position:relative;z-index:1;display:block;min-height:var(--mb-card-min-height);aspect-ratio:var(--mb-aspect-ratio, auto);background:rgba(var(--color-foreground),.05)}.media-blocks__block[data-hover-enabled=true] .media-blocks__media{opacity:0;transition:opacity .35s ease}.media-blocks__block[data-hover-enabled=true]:hover .media-blocks__media,.media-blocks__block[data-hover-enabled=true]:focus-within .media-blocks__media,.media-blocks__block[data-hover-enabled=true].is-touch-active .media-blocks__media{opacity:1}.media-blocks[data-block-size=square] .media-blocks__media{aspect-ratio:1;min-height:0}.media-blocks[data-block-size=adapt] .media-blocks__media{min-height:0}.media-blocks[data-block-size=portrait] .media-blocks__media{aspect-ratio:4 / 5;min-height:0}.media-blocks[data-block-size=landscape] .media-blocks__media{aspect-ratio:16 / 10;min-height:0}.media-blocks__image,.media-blocks__placeholder{width:100%;height:100%;display:block;object-fit:cover}.media-blocks__placeholder{background:rgba(var(--color-foreground),.06)}.media-blocks__overlay{position:absolute;top:0;right:0;bottom:0;left:0;z-index:1;background:rgba(0,0,0,var(--mb-overlay-opacity, .08));pointer-events:none}.media-blocks__vertical-marquee{position:absolute;inset-block:0;z-index:2;width:clamp(52px,7vw,112px);overflow:hidden;display:flex;justify-content:center;color:var(--mb-marquee-color, #fff);opacity:var(--mb-marquee-opacity, .8);pointer-events:none}.media-blocks__vertical-marquee[data-position=left]{left:0}.media-blocks__vertical-marquee[data-position=right]{right:0}.media-blocks__vertical-marquee-track{display:flex;flex-direction:column;align-items:center;animation:mediaBlocksVerticalMarquee var(--mb-marquee-speed, 18s) linear infinite;will-change:transform}.media-blocks__vertical-marquee-group{display:flex;flex-direction:column;align-items:center;flex:0 0 auto;gap:max(calc(var(--mb-marquee-size, 68px) * 1.15),64px);padding-block:max(calc(var(--mb-marquee-size, 68px) * .65),36px)}.media-blocks__vertical-marquee-text{display:block;font-family:var(--font-heading-family);font-style:var(--font-heading-style);font-weight:var(--font-heading-weight);font-size:var(--mb-marquee-size, 68px);line-height:.9;letter-spacing:0;text-transform:uppercase;white-space:nowrap;writing-mode:vertical-rl;transform:rotate(180deg)}.media-blocks__block-content{position:absolute;z-index:3;top:0;right:0;bottom:0;left:0;display:flex;flex-direction:column;justify-content:var(--mb-content-vertical, center);align-items:var(--mb-content-horizontal, center);gap:18px;padding:clamp(24px,4vw,56px);color:inherit;text-align:var(--mb-block-text-align, center)}.media-blocks__block-inner{display:grid;gap:16px;justify-items:var(--mb-block-justify-items, center);max-width:min(100%,720px)}.media-blocks__icon{width:var(--mb-icon-width, 32px);height:var(--mb-icon-width, 32px);display:inline-grid;place-items:center}.media-blocks__icon img,.media-blocks__icon svg{width:100%;height:100%;display:block;object-fit:contain}.media-blocks__block-heading{margin:0;color:inherit;font-family:var(--font-heading-family);font-style:var(--font-heading-style);font-weight:var(--font-heading-weight);font-size:var(--mb-block-heading-size, 34px);line-height:1;letter-spacing:var(--heading-letter-spacing, var(--font-heading-letter-spacing, 0));text-transform:var(--font-heading-text-transform, uppercase)}.media-blocks__block-heading[data-scroll=true]{overflow:hidden;white-space:nowrap;max-width:min(100%,720px)}.media-blocks__block-text{max-width:620px;color:inherit;font-size:var(--mb-block-text-size, 13px);line-height:1.45;letter-spacing:var(--font-body-letter-spacing, 0);text-transform:uppercase}.media-blocks__block-text--vertical{writing-mode:vertical-rl;text-orientation:mixed;max-height:70%}.media-blocks__button{justify-self:var(--mb-block-justify-items, center)}.media-blocks__button.link{color:inherit}.media-blocks__full-link{position:absolute;top:0;right:0;bottom:0;left:0;z-index:3}@keyframes mediaBlocksHeadingScroll{0%{transform:translateZ(0)}to{transform:translate3d(-50%,0,0)}}@keyframes mediaBlocksVerticalMarquee{0%{transform:translateZ(0)}to{transform:translate3d(0,-50%,0)}}@media(prefers-reduced-motion:reduce){.media-blocks__heading-track,.media-blocks__vertical-marquee-track{animation:none}.media-blocks__block[data-hover-enabled=true]{transition:none}.media-blocks .media-blocks__marker-line:before{transition:none}.media-blocks .media-blocks__markers--animate .media-blocks__shape-path{animation:none;stroke-dashoffset:0}}@media(max-width:989px){.media-blocks{padding-block:var(--mb-pt-m) var(--mb-pb-m)}.media-blocks__heading{font-size:var(--mb-heading-size-m)}.media-blocks__subheading{font-size:var(--mb-subheading-size-m)}.media-blocks[data-stack-mobile=true] .media-blocks__grid,.media-blocks__grid{grid-template-columns:1fr}.media-blocks[data-stack-mobile=false] .media-blocks__grid{display:flex;overflow-x:auto;scroll-snap-type:x mandatory;scrollbar-width:none}.media-blocks[data-stack-mobile=false] .media-blocks__grid::-webkit-scrollbar{display:none}.media-blocks[data-stack-mobile=false] .media-blocks__block{flex:0 0 min(86vw,420px);scroll-snap-align:start}.media-blocks__media{min-height:420px}.media-blocks__block-content{padding:28px 20px}.media-blocks__block-heading{font-size:var(--mb-block-heading-size-mobile, var(--mb-block-heading-size, 30px))}.media-blocks__block-subheading{font-size:var(--mb-block-subheading-size-mobile, var(--mb-block-subheading-size, 12px))}.media-blocks__block-text{font-size:var(--mb-block-text-size-mobile, var(--mb-block-text-size, 13px))}.media-blocks__vertical-marquee{width:clamp(42px,14vw,72px)}.media-blocks__vertical-marquee-text{font-size:var(--mb-marquee-size-mobile, var(--mb-marquee-size, 44px))}.media-blocks__vertical-marquee-group{gap:max(calc(var(--mb-marquee-size-mobile, var(--mb-marquee-size, 44px)) * 1.15),44px);padding-block:max(calc(var(--mb-marquee-size-mobile, var(--mb-marquee-size, 44px)) * .65),28px)}.media-blocks__content{font-size:var(--mb-content-size-mobile, var(--mb-content-size, 13px))}.media-blocks__icon{width:var(--mb-icon-width-mobile, var(--mb-icon-width, 24px));height:var(--mb-icon-width-mobile, var(--mb-icon-width, 24px))}}
/*# sourceMappingURL=/cdn/shop/t/6/assets/media-blocks.css.map */