.ds-hero{--ds-hero-announce: calc(var(--ds-header-height) + var(--ds-announce-height, 36px));--ds-hero-header: 0px;--ds-hero-time: 6s;--ds-kenburns-time: 16s;--ds-fg: var(--ds-text-inverse);--ds-bg: var(--ds-surface-inverse);position:relative;background-color:var(--ds-surface-inverse);color:var(--ds-text-inverse);font-family:var(--ds-font-text)}.ds-hero__stage{position:relative;display:block;height:clamp(540px,calc(100svh - var(--ds-hero-announce)),920px);overflow:hidden}.ds-hero__slides{position:absolute;top:0;right:0;bottom:0;left:0}.ds-hero__slide{position:absolute;top:0;right:0;bottom:0;left:0;display:none;grid-template-rows:minmax(0,1fr) auto;opacity:0;visibility:hidden;transition:opacity calc(var(--ds-reveal) * 1.1) var(--ds-ease),visibility calc(var(--ds-fast) * 0) linear calc(var(--ds-reveal) * 1.1)}.ds-hero__slide:first-child,.ds-hero__slide[data-warm]{display:grid}.ds-hero__stage:not([data-ready]) .ds-hero__slide:first-child,.ds-hero__slide.is-active{opacity:1;visibility:visible;transition-delay:calc(var(--ds-fast) * 0)}.ds-hero__slide.is-active{z-index:1}.ds-hero__photo{position:relative;min-height:0;overflow:hidden}.ds-hero__photo:after{content:"";position:absolute;inset:auto 0 0;height:38%;background:linear-gradient(to bottom,transparent 0%,color-mix(in srgb,var(--ds-surface-inverse) 1%,transparent) 10%,color-mix(in srgb,var(--ds-surface-inverse) 6%,transparent) 20%,color-mix(in srgb,var(--ds-surface-inverse) 15%,transparent) 30%,color-mix(in srgb,var(--ds-surface-inverse) 28%,transparent) 40%,color-mix(in srgb,var(--ds-surface-inverse) 42%,transparent) 50%,color-mix(in srgb,var(--ds-surface-inverse) 58%,transparent) 60%,color-mix(in srgb,var(--ds-surface-inverse) 74%,transparent) 70%,color-mix(in srgb,var(--ds-surface-inverse) 87%,transparent) 80%,color-mix(in srgb,var(--ds-surface-inverse) 96.5%,transparent) 90%,var(--ds-surface-inverse) 100%);pointer-events:none}.ds-hero__photo{clip-path:inset(0)}.ds-hero__photo picture{display:block;height:100%}.ds-hero__image{display:block;width:100%;height:100%;object-fit:cover;object-position:50% 0%;transform:scale(1);transition:transform calc(var(--ds-fast) * 0) linear calc(var(--ds-reveal) * 1.1)}.ds-hero__slide.is-active .ds-hero__image{transform:scale(1.03);transition:transform var(--ds-kenburns-time) linear}.ds-hero__copy{position:relative;z-index:1;display:grid;justify-items:start;gap:var(--ds-space-3);margin-block-start:calc(var(--ds-line) * -2);padding:calc(var(--ds-space-2) + var(--ds-line) * 2) var(--ds-gutter) calc(var(--ds-control-sm) + var(--ds-space-5));background-color:var(--ds-surface-inverse)}.ds-hero__eyebrow,.ds-hero__text{margin:0}.ds-hero__eyebrow{font-size:var(--ds-fs-small);font-weight:var(--ds-weight-strong);letter-spacing:.14em;text-transform:uppercase}.ds-hero__eyebrow:before{content:"";display:inline-block;width:var(--ds-space-5);height:var(--ds-line);margin-inline-end:var(--ds-space-3);vertical-align:middle;background-color:currentcolor}.ds-hero__title{margin:0;font-family:var(--ds-font-display);font-size:clamp(54px,15.5vw,140px);font-weight:400;line-height:.92;letter-spacing:.005em;text-transform:uppercase;text-wrap:balance}.ds-hero__text{display:none;max-width:30em;font-size:var(--ds-fs-body);line-height:var(--ds-lh-body)}.ds-hero__actions{display:flex;flex-wrap:wrap;gap:var(--ds-space-2);margin-top:var(--ds-space-2)}.ds-hero__actions .ds-button{flex:1 1 auto;min-width:0;padding-inline:var(--ds-space-4)}.ds-hero__stage:not([data-ready]) .ds-hero__slide:first-child .ds-hero__copy>*,.ds-hero__slide.is-active .ds-hero__copy>*{animation:ds-hero-rise calc(var(--ds-reveal) * .9) var(--ds-ease-out) both;animation-delay:calc(var(--i, 0) * 90ms + .12s)}@keyframes ds-hero-rise{0%{opacity:0;transform:translateY(24px)}}.ds-hero__controls{position:absolute;inset:auto 0 var(--ds-space-3);z-index:2;display:flex;align-items:center;gap:var(--ds-space-2);max-width:var(--ds-max);margin-inline:auto;padding-inline:var(--ds-gutter)}.ds-hero__bars{display:flex;flex:1 1 auto;gap:var(--ds-space-2)}.ds-hero__slide>.ds-hero__bar{display:none}.ds-hero__bar{display:flex;flex:1 1 0;flex-direction:column;justify-content:flex-end;gap:var(--ds-space-2);min-height:var(--ds-control-sm);padding:0;border:0;background:transparent;color:inherit;font:inherit;text-align:start;cursor:pointer}.ds-hero__bar-label{display:none;font-size:var(--ds-fs-small);font-weight:var(--ds-weight-strong);letter-spacing:.08em;text-transform:uppercase;opacity:.7;transition:opacity var(--ds-fast) var(--ds-ease)}.ds-hero__bar-num{margin-inline-end:var(--ds-space-2);font-variant-numeric:tabular-nums}.ds-hero__bar.is-active .ds-hero__bar-label,.ds-hero__bar:hover .ds-hero__bar-label{opacity:1}.ds-hero__bar-track{position:relative;display:block;width:100%;height:var(--ds-space-1);margin-block-end:calc((var(--ds-control-sm) - var(--ds-space-1)) / 2);overflow:hidden;border-radius:var(--ds-radius-pill);background-color:var(--ds-on-dark-track)}.ds-hero__bar-fill{position:absolute;top:0;right:0;bottom:0;left:0;display:block;background-color:var(--ds-text-inverse);transform:scaleX(0);transform-origin:left center}.ds-hero__bar.is-done .ds-hero__bar-fill{transform:scaleX(1)}.ds-hero__bar.is-active .ds-hero__bar-fill{animation:ds-hero-fill var(--ds-hero-time) linear forwards}.ds-hero__stage.is-paused .ds-hero__bar.is-active .ds-hero__bar-fill{animation-play-state:paused}.ds-hero__stage.is-static .ds-hero__bar.is-active .ds-hero__bar-fill{animation:none;transform:scaleX(1)}@keyframes ds-hero-fill{to{transform:scaleX(1)}}.ds-hero__bar:focus-visible,.ds-hero__toggle:focus-visible{outline:2px solid var(--ds-text-inverse);outline-offset:2px}.ds-hero__toggle{display:inline-flex;flex:none;align-items:center;justify-content:center;width:var(--ds-control-sm);height:var(--ds-control-sm);padding:0;border:var(--ds-line) solid var(--ds-on-dark-line);border-radius:var(--ds-radius-pill);background-color:transparent;color:var(--ds-text-inverse);cursor:pointer;transition:background-color var(--ds-fast) var(--ds-ease)}.ds-hero__toggle:hover{background-color:var(--ds-on-dark-faint)}.ds-hero__toggle svg{width:var(--ds-space-4);height:var(--ds-space-4)}.ds-hero__toggle-play,.ds-hero__toggle.is-off .ds-hero__toggle-pause{display:none}.ds-hero__toggle.is-off .ds-hero__toggle-play{display:block}@media screen and (min-width:750px){.ds-hero__slide,.ds-hero__slide:first-child,.ds-hero__slide[data-warm]{display:block}.ds-hero__slide:not(:first-child):not([data-warm]){display:none}.ds-hero__photo{position:absolute;top:0;right:0;bottom:0;left:0}.ds-hero__photo:after{top:0;right:0;bottom:0;left:0;height:auto;background:linear-gradient(to right,var(--ds-overlay-strong) 0%,var(--ds-overlay) 38%,transparent 66%)}.ds-hero__image{object-position:var(--ds-hero-x, 70%) var(--ds-hero-y, 40%)}.ds-hero__copy{position:absolute;top:0;right:0;bottom:0;left:0;align-content:center;gap:var(--ds-space-4);max-width:var(--ds-max);margin:0 auto;padding:var(--ds-hero-header) var(--ds-gutter) calc(var(--ds-control-lg) + var(--ds-space-8));background-color:transparent;pointer-events:none}.ds-hero__copy>*{max-width:min(46vw,760px);pointer-events:auto}.ds-hero__title{font-size:clamp(76px,9.2vw,168px)}.ds-hero__text{display:block;font-size:clamp(16px,1.15vw,24px)}.ds-hero__eyebrow{font-size:clamp(13px,.85vw,17px)}.ds-hero__actions{gap:var(--ds-space-3);margin-top:var(--ds-space-3)}.ds-hero__actions .ds-button{flex:0 0 auto;padding-inline:var(--ds-space-6)}.ds-hero__controls{inset-block-end:var(--ds-space-5);gap:var(--ds-space-4)}.ds-hero__bars{flex:0 1 560px;gap:var(--ds-space-4)}.ds-hero__bar-label{display:block}.ds-hero__bar-track{margin-block-end:0}.ds-hero__toggle{margin-inline-start:auto}}@media screen and (min-width:990px){.ds-hero__stage{height:clamp(540px,calc(100svh - var(--ds-hero-announce)),1200px)}}@media screen and (min-width:750px)and (max-width:989px){.ds-hero__stage{height:clamp(540px,calc(100svh - var(--ds-hero-announce)),1100px)}.ds-hero__photo{inset:0 0 0 auto;box-sizing:border-box;width:60%;border-inline-start:calc(var(--ds-line) * 2) solid var(--ds-surface-inverse)}.ds-hero__photo:after{background:linear-gradient(to right,var(--ds-surface-inverse) 0%,transparent 22%)}.ds-hero__image{object-position:var(--ds-hero-xt, 50%) 50%}.ds-hero__copy>*{max-width:36vw}.ds-hero__title{font-size:clamp(54px,8vw,84px)}.ds-hero__bars{flex:0 1 34vw}}@media(prefers-reduced-motion:reduce){.ds-hero__slide,.ds-hero__image,.ds-hero__slide.is-active .ds-hero__image{transition:none}.ds-hero__stage:not([data-ready]) .ds-hero__slide:first-child .ds-hero__copy>*,.ds-hero__slide.is-active .ds-hero__copy>*,.ds-hero__bar.is-active .ds-hero__bar-fill{animation:none}.ds-hero__bar.is-active .ds-hero__bar-fill{transform:scaleX(1)}}
/*# sourceMappingURL=/cdn/shop/t/5/assets/ds-home-hero.css.map */