ts-hero{display:block;background:#f5f2ec;color:#222}.ts-hero__slides{display:grid}.ts-hero__panel{position:relative;grid-area:1 / 1;min-width:0;min-height:32rem}.ts-hero__panel[hidden]{display:block;visibility:hidden;pointer-events:none}.ts-hero__media[hidden],.ts-hero__media video[hidden]{display:none}.ts-hero__media,.ts-hero__media img,.ts-hero__media video,.ts-hero__media svg{display:block;width:100%}.ts-hero__media img,.ts-hero__media video,.ts-hero__media svg{height:clamp(32rem,65vh,68rem);object-fit:cover}.ts-hero__media video{object-fit:contain}.ts-hero__panel--feature-image .ts-hero__media img{object-fit:contain}.ts-hero__feature-link{display:block}.ts-hero__copy{position:relative;padding:2rem 2rem 2.5rem;max-width:54rem;overflow-wrap:anywhere}.ts-hero__copy h2{margin:0 0 1rem;font-size:clamp(2.4rem,4vw,4.8rem);line-height:1.15}.ts-hero__copy p{line-height:1.7;margin:0 0 1.6rem}.ts-hero__copy a{display:inline-flex;align-items:center;min-height:4.4rem;color:inherit;text-underline-offset:.4rem}.ts-hero__controls button:focus-visible,.ts-hero__copy a:focus-visible,.ts-hero__feature-link:focus-visible{outline:3px solid #356c82;outline-offset:3px}.ts-hero__preview{padding:.8rem 2rem;font-size:1.2rem;border-bottom:1px dashed #8b8479}@media screen and (min-width:750px){.ts-hero__copy{position:absolute;bottom:3rem;left:4rem;padding:2.4rem;background:#f5f2ecf0}}@media(prefers-reduced-motion:reduce){ts-hero *{scroll-behavior:auto}}ts-hero{position:relative}ts-hero .ts-hero__copy{position:absolute;top:0;right:0;bottom:0;left:0;padding:0;max-width:none;background:transparent}ts-hero .ts-hero__copy h2,ts-hero .ts-hero__copy p,ts-hero .ts-hero__panel--feature-image .ts-hero__copy{display:none}ts-hero .ts-hero__copy a{position:absolute;top:0;right:0;bottom:0;left:0;font-size:0;color:transparent}ts-hero{margin-bottom:48px;background:#fff}ts-hero .ts-hero__controls{display:flex!important;position:relative;justify-content:center;border-left:0;border-right:0;background:#fff}ts-hero [data-ts-hero-pause][aria-pressed=true] .icon-pause,ts-hero [data-ts-hero-pause][aria-pressed=false] .icon-play{visibility:hidden;opacity:0}ts-hero [data-ts-hero-pause][aria-pressed=true] .icon-play,ts-hero [data-ts-hero-pause][aria-pressed=false] .icon-pause{visibility:visible;opacity:1;transform:scale(1)}@media screen and (min-width:750px){ts-hero{margin-bottom:72px}}
/*# sourceMappingURL=/cdn/shop/t/7/assets/ts-hero.css.map */