.td-multi-product-hero{--td-multi-product-hero-stage-height-mobile: 25.625rem;--td-multi-product-hero-stage-height-desktop: 36.3125rem;--td-multi-product-hero-card-overlap-mobile: 1.5rem;--td-multi-product-hero-transition: .42s cubic-bezier(.34, 1.2, .64, 1);--td-multi-product-hero-reveal-transition: .7s cubic-bezier(.17, .84, .44, 1);--td-multi-product-hero-reveal-lift: -1rem;--td-card-nudge-distance: 2.5rem;--td-card-nudge-duration: .5s;--td-card-inactive-filter: grayscale(1) invert(1) brightness(.35) invert(1);--td-card-active-filter: grayscale(0) invert(1) brightness(1) invert(1);color:var(--color, var(--color-foreground));overflow:clip}.td-multi-product-hero>.td-multi-product-hero__inner{grid-column:1 / -1;display:grid;gap:1.5rem;grid-template-areas:"top" "stage" "bottom"}.td-multi-product-hero__top,.td-multi-product-hero__stage,.td-multi-product-hero__bottom{min-width:0}.td-multi-product-hero__top{grid-area:top;display:flex;flex-direction:column;gap:1rem;padding-inline:1.5rem}.td-multi-product-hero__intro{display:flex;flex-direction:column;gap:1rem}.td-multi-product-hero__rating{display:flex;min-height:27px}.td-multi-product-hero__rating[aria-hidden=true],.td-multi-product-hero__copy[aria-hidden=true],.td-multi-product-hero__heading[aria-hidden=true]{position:absolute;visibility:hidden;pointer-events:none}.td-multi-product-hero__rating .td-rating{gap:1.25px}.td-multi-product-hero__rating .td-rating-wrapper{align-items:center}.td-multi-product-hero__rating .td-rating-text,.td-multi-product-hero__rating .td-rating-wrapper,.td-multi-product-hero__heading{color:inherit}@media screen and (max-width:749px){.td-multi-product-hero__heading{max-width:20.4375rem}}.td-multi-product-hero__heading.display-header{text-transform:uppercase;line-height:1.2;text-wrap-style:balance}.td-multi-product-hero__heading,.td-multi-product-hero__heading p{margin:0}.td-multi-product-hero__heading p{text-wrap:balance}@media screen and (max-width:749px){.td-multi-product-hero__copy{max-width:20.4375rem}}.td-multi-product-hero__copy,.td-multi-product-hero__copy p{margin:0;color:inherit}.td-multi-product-hero__stage{grid-area:stage;position:relative;width:100%;height:var(--td-multi-product-hero-stage-height-mobile);display:flex;align-items:flex-end;justify-content:safe center;gap:0;overflow-x:auto;overflow-y:clip;padding-block:0;-webkit-overflow-scrolling:touch;scrollbar-width:none}.td-multi-product-hero__stage::-webkit-scrollbar{display:none}.td-multi-product-hero:not([data-td-ready]) .td-multi-product-hero__stage{opacity:0}.td-multi-product-hero__card-button{--td-card-delay: 0ms;position:relative;flex:0 0 auto;width:auto;height:calc(100% - .25rem);aspect-ratio:var(--td-card-mobile-aspect-ratio, .75);padding:0;border:0;background:transparent;color:inherit;cursor:pointer;margin-inline-start:0;order:initial;z-index:var(--td-card-mobile-z-index, 1);transform-origin:center bottom;opacity:1;filter:var(--td-card-filter, var(--td-card-inactive-filter));transition:transform var(--td-multi-product-hero-transition),opacity var(--td-multi-product-hero-transition),filter var(--td-multi-product-hero-transition)}.td-multi-product-hero__card-button:focus-visible{outline:2px solid currentColor;outline-offset:.25rem}.td-multi-product-hero__card-button[data-td-desktop-order="1"]{--td-card-delay: 0ms}.td-multi-product-hero__card-button[data-td-desktop-order="2"]{--td-card-delay: 70ms}.td-multi-product-hero__card-button[data-td-desktop-order="3"]{--td-card-delay: .14s}.td-multi-product-hero__card-button[data-td-desktop-order="4"]{--td-card-delay: .21s}.td-multi-product-hero__card-button:not(:first-child){margin-inline-start:calc(-1 * var(--td-multi-product-hero-card-overlap-mobile))}.td-multi-product-hero__card-button--placeholder{cursor:default;margin-inline-start:0}.td-multi-product-hero__card-button[data-td-selected=true]{filter:var(--td-card-active-filter);z-index:var(--td-card-selected-z-index, 1)}.td-multi-product-hero__card-media{width:100%;height:100%;display:flex;align-items:center;justify-content:center;transform:translateY(0);transition:transform var(--td-multi-product-hero-reveal-transition),opacity var(--td-multi-product-hero-reveal-transition)}.td-multi-product-hero[data-td-motion=ready] .td-multi-product-hero__card-media,.td-multi-product-hero[data-td-motion=complete] .td-multi-product-hero__card-media{transform:translateY(var(--td-multi-product-hero-reveal-lift))}.td-multi-product-hero[data-td-motion=ready] .td-multi-product-hero__card-media{transition-delay:var(--td-card-delay)}.td-multi-product-hero[data-td-motion=complete] .td-multi-product-hero__card-media{transition-delay:0ms}.td-multi-product-hero__card-media picture{display:block;width:100%;height:100%}.td-multi-product-hero__card-image,.td-multi-product-hero__card-placeholder,.td-multi-product-hero__card-media svg{width:100%;height:100%;object-fit:contain;filter:drop-shadow(-.75rem 0 .4375rem rgb(0 0 0 / .05)) drop-shadow(-.09375rem 0 .1875rem rgb(0 0 0 / .15))}.td-multi-product-hero__card-image{filter:drop-shadow(-.75rem 0 .4375rem rgb(0 0 0 / .05)) drop-shadow(-.09375rem 0 .1875rem rgb(0 0 0 / .15))}.td-multi-product-hero__bottom{grid-area:bottom;display:grid;padding-inline:1.5rem;position:relative}.td-multi-product-hero__product-panel{grid-area:1 / 1;display:flex;flex-direction:column;gap:2rem;align-items:stretch;padding-top:.75rem;visibility:hidden}.td-multi-product-hero__product-panel[aria-hidden=false]{visibility:visible}.td-multi-product-hero__product-panel[aria-hidden=true]{position:absolute;inset-inline:0;top:0}.td-multi-product-hero__product-summary{display:flex;align-items:center;gap:1rem}.td-multi-product-hero__product-thumb{width:4.9375rem;flex:0 0 4.9375rem;aspect-ratio:1;overflow:hidden}.td-multi-product-hero__product-thumb-image,.td-multi-product-hero__product-thumb-placeholder,.td-multi-product-hero__product-thumb svg{width:100%;height:100%;object-fit:contain;display:block}.td-multi-product-hero__product-copy{display:flex;flex-direction:column;gap:.375rem;min-width:0}.td-multi-product-hero__product-title,.td-multi-product-hero__product-subtitle{margin:0;color:inherit}.td-multi-product-hero__product-title.td-multi-product-hero__product-title{text-transform:uppercase}.td-multi-product-hero__button{width:100%}@media screen and (max-width:1179px){.td-multi-product-hero{--td-multi-product-hero-reveal-lift: 0rem}.td-multi-product-hero__card-media{transform:none;opacity:.84}.td-multi-product-hero__card-image,.td-multi-product-hero__card-placeholder,.td-multi-product-hero__card-media svg{filter:none}.td-multi-product-hero__card-button{transition:transform var(--td-multi-product-hero-transition),opacity var(--td-multi-product-hero-transition)}.td-multi-product-hero[data-td-motion=ready] .td-multi-product-hero__card-media,.td-multi-product-hero[data-td-motion=complete] .td-multi-product-hero__card-media{transform:none;opacity:1}.td-multi-product-hero__top{gap:.5rem}.td-multi-product-hero__intro{gap:.625rem}.td-multi-product-hero__top,.td-multi-product-hero__bottom{padding-inline:1.5rem}.td-multi-product-hero__button{justify-content:space-between}}@media screen and (max-width:749px){.td-multi-product-hero__copy p{font-size:var(--font-paragraph--size);line-height:var(--font-paragraph--line-height)}.td-multi-product-hero__product-title.h4--mb{letter-spacing:.04em}}@media screen and (min-width:1180px){.td-multi-product-hero>.td-multi-product-hero__inner{grid-column:2;gap:0 4rem;align-items:start;grid-template-columns:minmax(0,35.25rem) minmax(0,1fr);grid-template-rows:auto auto 1fr;grid-template-areas:"stage top" "stage bottom" "stage ."}.td-multi-product-hero__top{gap:1rem;margin-top:3.5625rem;margin-bottom:0;padding-inline:0}.td-multi-product-hero__bottom{margin-top:2.5625rem}.td-multi-product-hero__intro{gap:.875rem}.td-multi-product-hero__product-copy{gap:.25rem}.td-multi-product-hero__heading{max-width:42.75rem;min-height:10.8rem}.td-multi-product-hero__heading td-accent-underlined{transform:rotate(-8deg);margin-bottom:20px}.td-multi-product-hero__copy{max-width:41.75rem}.td-multi-product-hero__stage{display:block;width:100%;height:var(--td-multi-product-hero-stage-height-desktop);overflow:visible;margin-inline:0;padding:0;gap:0;scroll-snap-type:none;scroll-padding-inline:0}.td-multi-product-hero__card-button{order:initial;z-index:var(--td-card-z-index, 1)}.td-multi-product-hero__card-button:not(:first-child){margin-inline-start:0}.td-multi-product-hero__card-button{--td-card-x: -50%;--td-card-y: 0rem;--td-card-rotate: 0deg;position:absolute;top:0;bottom:0;left:50%;height:84%;width:auto;aspect-ratio:var(--td-card-aspect-ratio, .75);margin-block:auto;margin-inline-start:0;transform-origin:center center;transform:translate(var(--td-card-x)) translateY(var(--td-card-y)) rotate(var(--td-card-rotate))}.td-multi-product-hero__card-button[data-td-nudge]{animation:td-card-nudge var(--td-card-nudge-duration) cubic-bezier(.4,0,.2,1)}.td-multi-product-hero__bottom{padding-inline:0}.td-multi-product-hero__product-panel{flex-direction:row;align-items:center;justify-content:space-between;padding-block:1.5rem;max-width:33.5625rem}.td-multi-product-hero__product-summary{gap:1.5rem}.td-multi-product-hero__product-thumb{width:7.375rem;flex-basis:7.375rem;aspect-ratio:1}.td-multi-product-hero__button{width:fit-content;flex-shrink:0;--td-button-font-size: 1.125rem;--td-button-line-height: 1.625rem;--td-button-letter-spacing: .08em}}@media screen and (min-width:1180px)and (hover:hover)and (pointer:fine){.td-multi-product-hero__card-button:hover,.td-multi-product-hero__card-button:focus-visible{filter:var(--td-card-active-filter);z-index:var(--td-card-hover-z-index, calc(var(--td-card-selected-z-index, 1) + 1))}.td-multi-product-hero__stage:has(.td-multi-product-hero__card-button:hover,.td-multi-product-hero__card-button:focus-visible) .td-multi-product-hero__card-button[data-td-selected=true]:not(:hover):not(:focus-visible){filter:var(--td-card-filter, var(--td-card-inactive-filter))}}@keyframes td-card-nudge{0%,to{transform:translate(var(--td-card-x)) translateY(var(--td-card-y)) rotate(var(--td-card-rotate))}45%{transform:translate(calc(var(--td-card-x) + var(--td-card-nudge-direction, var(--td-card-dir, -1)) * var(--td-card-nudge-distance))) translateY(var(--td-card-y)) rotate(var(--td-card-rotate))}}@media(prefers-reduced-motion:reduce){.td-multi-product-hero__card-button,.td-multi-product-hero__card-media{transition:none}.td-multi-product-hero__card-button[data-td-nudge]{animation:none}}
/*# sourceMappingURL=/cdn/shop/t/128/assets/section-td-multi-product-hero.css.map */