.media-cards{margin-top:0;margin-bottom:0}.media-cards__heading{margin:0 0 3rem;font-family:var(--font-heading-family);font-style:var(--font-heading-style);font-weight:var(--font-heading-weight);letter-spacing:calc(var(--font-heading-scale) * .06rem);color:rgb(var(--color-foreground));line-height:calc(1 + .3/max(1,var(--font-heading-scale)));word-break:break-word}.media-cards__header{display:flex;justify-content:space-between;align-items:center;margin-bottom:3rem}.media-cards__header .media-cards__heading{margin-bottom:0}.media-cards__nav{display:none;gap:1rem}@media screen and (min-width:750px){.media-cards__nav{display:flex}}.media-cards__nav-button{width:4rem;height:4rem;border:.1rem solid rgba(var(--color-foreground),.08);border-radius:40px;background-color:rgb(var(--color-background));color:rgba(var(--color-foreground),.75);cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all var(--duration-short) ease;padding:0}.media-cards__nav-button:hover{color:rgb(var(--color-foreground));border-color:rgba(var(--color-foreground),.2)}.media-cards__nav-button:disabled{opacity:.3;cursor:not-allowed}.media-cards__nav-button svg{width:1rem;height:1.6rem;display:block;margin:0;padding:0}button.media-cards__nav-button{border-radius:40px!important}.media-cards__slider-wrapper--overlay-nav{position:relative}.media-cards__nav--overlay{display:none}@media screen and (min-width:750px){.media-cards__nav--overlay{display:flex;position:absolute;top:0;left:0;right:0;bottom:0;justify-content:space-between;align-items:center;pointer-events:none;z-index:3;padding:0 1rem;opacity:0;transition:opacity .3s ease}.media-cards__slider-wrapper--overlay-nav:hover .media-cards__nav--overlay,.media-cards__nav--overlay:focus-within{opacity:1}.media-cards__nav--overlay .media-cards__nav-button{pointer-events:all;background-color:#ffffffb3;border-color:transparent;color:#000000bf;width:3.6rem;height:3.6rem}.media-cards__nav--overlay .media-cards__nav-button:hover{background-color:#fff;color:#000}.media-cards__nav--overlay .media-cards__nav-button:disabled{opacity:.3;cursor:not-allowed}}.media-cards__grid{display:flex;flex-wrap:wrap;gap:1rem}@media screen and (min-width:750px){.media-cards__grid{gap:1rem}}@media screen and (max-width:749px){.media-cards__grid:not(.media-cards__grid--slider) .media-card{width:100%;display:block}}.media-cards__grid--slider{flex-wrap:nowrap;overflow:hidden;position:relative;gap:1rem}@media screen and (max-width:749px){.media-cards__grid--slider{padding-left:1.5rem;padding-right:1.5rem;overflow-x:auto;overflow-y:hidden;scroll-snap-type:x mandatory;-webkit-overflow-scrolling:touch;scrollbar-width:none}.media-cards__grid--slider::-webkit-scrollbar{display:none}.media-cards__grid--slider .media-card{width:calc(100vw - 4rem);min-width:calc(100vw - 4rem);max-width:calc(100vw - 4rem);flex-shrink:0;scroll-snap-align:start}.media-cards__grid--slider .media-card__media{overflow:hidden}.media-cards__grid--slider .media-card__image{width:100%;height:100%;object-fit:cover;object-position:center center}}@media screen and (min-width:750px){.media-cards__slider-wrapper{overflow:hidden;padding-left:0;padding-right:0}.media-cards__grid--slider{margin-left:0;margin-right:0;padding-left:5rem;padding-right:0}.media-cards__grid--slider .media-card{width:65vw;max-width:1000px;flex-shrink:0}}.media-cards__track{display:flex;gap:1rem;transition:transform .4s ease}.media-card__inner{position:relative;display:block;height:100%}.media-card__media{position:relative;overflow:hidden;display:flex;align-items:center;justify-content:center;width:100%}.media-card__media:after{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background-color:#000;opacity:0;pointer-events:none;z-index:1}.media-card__image,.media-card__video-wrapper,.media-card__video{width:100%;height:100%;object-fit:cover;object-position:center center;position:absolute;top:0;left:0}.media-card__image{display:block}.media-card__video-wrapper{overflow:hidden}.media-card__video{position:absolute}.media-card__image.placeholder-svg{background-color:rgba(var(--color-foreground),.04);fill:rgba(var(--color-foreground),.55)}.media-card__content{position:absolute;top:0;left:0;width:100%;height:100%;display:flex;z-index:2;padding:3rem 2rem}@media screen and (min-width:750px){.media-card__content{padding:5rem}}@media screen and (min-width:750px){.media-card__content--top-left{align-items:flex-start;justify-content:flex-start}.media-card__content--top-left .media-card__text-wrapper{align-items:flex-start;text-align:left}.media-card__content--top-center{align-items:flex-start;justify-content:center}.media-card__content--top-center .media-card__text-wrapper{align-items:center;text-align:center}.media-card__content--top-right{align-items:flex-start;justify-content:flex-end}.media-card__content--top-right .media-card__text-wrapper{align-items:flex-end;text-align:right}.media-card__content--middle-left{align-items:center;justify-content:flex-start}.media-card__content--middle-left .media-card__text-wrapper{align-items:flex-start;text-align:left}.media-card__content--middle-center{align-items:center;justify-content:center}.media-card__content--middle-center .media-card__text-wrapper{align-items:center;text-align:center}.media-card__content--middle-right{align-items:center;justify-content:flex-end}.media-card__content--middle-right .media-card__text-wrapper{align-items:flex-end;text-align:right}.media-card__content--bottom-left{align-items:flex-end;justify-content:flex-start}.media-card__content--bottom-left .media-card__text-wrapper{align-items:flex-start;text-align:left}.media-card__content--bottom-center{align-items:flex-end;justify-content:center}.media-card__content--bottom-center .media-card__text-wrapper{align-items:center;text-align:center}.media-card__content--bottom-right{align-items:flex-end;justify-content:flex-end}.media-card__content--bottom-right .media-card__text-wrapper{align-items:flex-end;text-align:right}}@media screen and (max-width:749px){.media-card__content--mobile-left{align-items:center;justify-content:flex-start;text-align:left}.media-card__content--mobile-center{align-items:center;justify-content:center;text-align:center}.media-card__content--mobile-right{align-items:center;justify-content:flex-end;text-align:right}}.media-card__text-wrapper{display:flex;flex-direction:column;gap:1.2rem;max-width:54.5rem;width:100%}.media-card__heading{margin:0;font-family:var(--font-heading-family);font-style:var(--font-heading-style);font-weight:var(--font-heading-weight);letter-spacing:calc(var(--font-heading-scale) * .06rem);line-height:calc(1 + .3/max(1,var(--font-heading-scale)));word-break:break-word;color:var(--media-card-heading-color, #ffffff)}.media-card__description{margin:0;font-size:1.5rem;letter-spacing:.06rem;line-height:calc(1 + .8 / var(--font-body-scale));color:var(--media-card-text-color, #ffffff)}.media-card__button{margin-top:.4rem}.media-card__button .button{color:var(--media-card-button-label-color, #000000);background-color:var(--media-card-button-background, #ffffff);box-shadow:0 0 0 .1rem var(--media-card-button-background, #ffffff)}.media-card__button .button--secondary{background-color:transparent;color:var(--media-card-button-label-color, #ffffff);box-shadow:0 0 0 .1rem var(--media-card-button-outline, #ffffff)}.media-card__button .button:hover{box-shadow:0 0 0 .2rem var(--media-card-button-background, #ffffff)}.media-card__button .button--secondary:hover{box-shadow:0 0 0 .2rem var(--media-card-button-outline, #ffffff)}.media-card__button .button:focus-visible{box-shadow:0 0 0 .1rem var(--media-card-button-background, #ffffff),0 0 0 .3rem rgb(var(--color-background)),0 0 .5rem .4rem rgba(var(--color-foreground),.3)}.media-card__button .button--secondary:focus-visible{box-shadow:0 0 0 .1rem var(--media-card-button-outline, #ffffff),0 0 0 .3rem rgb(var(--color-background)),0 0 .5rem .4rem rgba(var(--color-foreground),.3)}@media screen and (max-width:749px){.media-cards__heading{margin-bottom:2rem}.media-card__text-wrapper{gap:1rem}.media-card__button .button{min-width:unset;width:100%}}@media(prefers-reduced-motion){.media-card__video{animation:none!important}}
/*# sourceMappingURL=/cdn/shop/t/40/assets/section-media-cards.css.map */