.hero{--hero-inset: max(var(--page-margin), calc((100% - var(--page-max)) / 2 + var(--page-margin)));position:relative;display:grid;height:var(--hero-h-mobile);overflow:hidden;background-color:var(--bone);color:var(--page)}.hero :focus-visible{outline-color:var(--page)}@media screen and (min-width:990px){.hero{height:var(--hero-h-desktop)}}.hero__slides{display:grid;grid-template-areas:"slide";grid-template-rows:100%;height:100%}.hero__slide{grid-area:slide;position:relative;min-height:0;overflow:hidden;opacity:0;visibility:hidden;transition:opacity .6s ease,visibility 0s linear .6s}.hero__slide.is-active{opacity:1;visibility:visible;transition:opacity .6s ease,visibility 0s}.hero__image{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:cover;object-position:center}.hero__image--empty{background-color:var(--ink)}.hero__scrim{position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(to top,rgba(var(--ink-rgb),var(--hero-scrim)),rgba(var(--ink-rgb),calc(var(--hero-scrim) * .5)) 45%,rgba(var(--ink-rgb),0) 75%),linear-gradient(to right,rgba(var(--ink-rgb),calc(var(--hero-scrim) * .5)),rgba(var(--ink-rgb),0) 60%)}.hero__content{position:absolute;left:var(--hero-inset);right:var(--hero-inset);bottom:96px;max-width:34rem}@media screen and (min-width:990px){.hero__content{right:auto;bottom:120px;max-width:40rem}}.hero__eyebrow{margin:0 0 16px}.hero__heading{margin:0;font-size:var(--text-2xl);line-height:1.02}.hero__heading span{display:block}@media screen and (min-width:990px){.hero__heading{font-size:calc(var(--text-3xl) * 1.25)}}.hero__body{margin:16px 0 0;max-width:30rem;font-size:var(--text-md)}.hero__actions{display:flex;flex-wrap:wrap;gap:12px;margin-top:24px}.hero__actions--pair>.button{flex:1 1 0;min-width:max-content;padding-inline:16px}@media screen and (min-width:990px){.hero__actions--pair{display:inline-grid;grid-auto-flow:column;grid-auto-columns:1fr}.hero__actions--pair>.button{min-width:0;padding-inline:24px}}.button--hero{background-color:var(--ink);border-color:var(--page);color:var(--page)}@media(hover:hover){.button--hero:hover{background-color:var(--page);color:var(--ink)}}.hero__nav{position:absolute;left:var(--hero-inset);right:var(--hero-inset);bottom:32px;display:flex;align-items:center;gap:16px}@media screen and (min-width:990px){.hero__nav{right:auto;bottom:48px;width:320px}}.hero__count{margin:0;flex:none;font-size:var(--text-eyebrow);font-weight:var(--font-weight-bold);letter-spacing:var(--tracking-eyebrow);font-variant-numeric:tabular-nums}.hero__count-sep{opacity:.5;margin:0 2px}.hero__track{display:flex;flex:1 1 auto;gap:6px}.hero__segment{flex:1 1 0;padding-block:21px;background:none;border:0;cursor:pointer}.hero__segment-fill{display:block;height:2px;background-color:color-mix(in srgb,var(--page) 35%,transparent);position:relative;overflow:hidden}.hero__segment-fill:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;transform:scaleX(0);transform-origin:left;background-color:var(--page)}.hero__segment.is-active .hero__segment-fill:after{transform:scaleX(1)}.hero[data-autoplay] .hero__segment.is-active .hero__segment-fill:after{transform:scaleX(0);animation:hero-fill var(--hero-duration, 6s) linear forwards}.hero[data-autoplay].is-paused .hero__segment.is-active .hero__segment-fill:after{animation-play-state:paused}.hero__pause{display:inline-flex;flex:none;align-items:center;justify-content:center;width:44px;height:44px;margin-right:-12px;padding:0;background:none;border:0;color:inherit;cursor:pointer}.hero__pause[hidden]{display:none}.hero__pause .icon{width:16px;height:16px}.hero__play-icon{fill:currentColor}.hero__pause.is-playing .hero__play-icon,.hero__pause:not(.is-playing) .hero__pause-icon{display:none}@keyframes hero-fill{to{transform:scaleX(1)}}@media(prefers-reduced-motion:reduce){.hero[data-autoplay] .hero__segment.is-active .hero__segment-fill:after{transform:scaleX(1);animation:none}.hero__slide{transition:none}}.hero__empty{height:100%;background-color:var(--bone)}.hero__placeholder{width:100%;height:100%;fill:var(--sand)}.hero__video{opacity:0;transition:opacity .6s ease}.hero.is-video-playing .hero__video{opacity:1}.hero__nav--video{left:auto;justify-content:flex-end;gap:0}.hero__mute{margin-right:0}.hero__mute:not(.is-muted) .hero__muted-icon,.hero__mute.is-muted .hero__sound-icon{display:none}@media screen and (min-width:990px){.hero__nav--video{right:var(--hero-inset);width:auto}}
/*# sourceMappingURL=/cdn/shop/t/44/assets/section-hero-slider.css.map */