.ob-hero{--ob-hero-ratio: 3 / 4;--ob-hero-peek: 7.5px;--ob-hero-slide-gap: var(--ob-grid-gap);--ob-hero-gradient-h: 74%;--ob-hero-content-inset: 17px;--ob-hero-content-bottom: 40px;--ob-hero-title-gap: 20px;--ob-hero-button-gap: 12px;--ob-hero-title-measure: 7.425em;--ob-hero-dots-gap: 8px;--ob-hero-dot-w: 16px;--ob-hero-dot-w-active: 32px;--ob-hero-dot-h: 3px;--ob-hero-dot-gap: 4px;--ob-hero-dot-radius: 100px;--ob-hero-dot-hit: 24px;display:block;position:relative}@media screen and (min-width:700px){.ob-hero{--ob-hero-ratio: 1440 / 680;--ob-hero-min-h: 480px;--ob-hero-peek: 0px;--ob-hero-slide-gap: 0px;--ob-hero-gradient-h: 70%;--ob-hero-content-bottom: 50px;--ob-hero-title-gap: 32px;--ob-hero-dots-gap: 20px;--ob-hero-dot-w: 24px;--ob-hero-dot-w-active: 50px}}.ob-hero__track{display:grid;grid-auto-flow:column;grid-auto-columns:100%;gap:var(--ob-hero-slide-gap);padding-inline:var(--ob-hero-peek);scroll-padding-inline:var(--ob-hero-peek);overflow-x:auto;overflow-y:hidden;overscroll-behavior-x:contain;scroll-snap-type:x mandatory;scrollbar-width:none}.ob-hero__track::-webkit-scrollbar{display:none}.ob-hero__slide{position:relative;width:100%;min-width:0;aspect-ratio:var(--ob-hero-ratio);min-height:var(--ob-hero-min-h, 0px);overflow:hidden;scroll-snap-align:center;scroll-snap-stop:always;background-color:var(--ob-black)}.ob-hero__media{position:absolute;top:0;right:0;bottom:0;left:0;display:grid;grid-template-columns:1fr}.ob-hero__image{position:relative;min-width:0;overflow:hidden}.ob-hero__image picture{display:contents}.ob-hero__image img,.ob-hero__image .ob-hero__placeholder{display:block;width:100%;height:100%;object-fit:cover;-webkit-user-drag:none;-webkit-user-select:none;user-select:none}@media screen and (min-width:700px){.ob-hero__image img[style*=--ob-hero-pos-d]{object-position:var(--ob-hero-pos-d)!important}}@media screen and (max-width:699px){.ob-hero__image img[style*=--ob-hero-pos-m]{object-position:var(--ob-hero-pos-m)!important}}.ob-hero__image .ob-hero__placeholder{background-color:var(--ob-gray)}.ob-hero__image--right{display:none}.ob-hero__gradient{position:absolute;inset-inline-start:0;inset-block-end:0;width:100%;height:var(--ob-hero-gradient-h);background:linear-gradient(180deg,transparent,var(--ob-black));opacity:var(--ob-hero-gradient-opacity, 1);pointer-events:none}@media screen and (min-width:700px){.ob-hero__media{grid-template-columns:1fr 1fr}.ob-hero__image--right{display:block}.ob-hero__gradient{width:50%}.ob-hero__slide--single .ob-hero__media{grid-template-columns:1fr}.ob-hero__slide--single .ob-hero__gradient{width:100%}}.ob-hero__content{position:absolute;inset-inline:var(--ob-hero-content-inset);inset-block-end:var(--ob-hero-content-bottom);color:var(--ob-white);text-align:center;pointer-events:none}.ob-hero__content-inner{display:flex;flex-direction:column;align-items:center;gap:var(--ob-hero-title-gap)}.ob-hero__title{align-self:stretch;max-width:var(--ob-hero-title-measure);margin:0 auto;font-family:var(--ob-font-display);font-size:var(--ob-h1-size-m);font-weight:var(--ob-weight-bold);line-height:var(--ob-h1-lh);letter-spacing:var(--ob-h1-ls);text-transform:uppercase;color:inherit}.ob-hero:not(.is-font-ready) .ob-hero__title{white-space:nowrap}.ob-hero:not(.is-font-ready) .ob-hero__buttons{flex-wrap:nowrap}.ob-hero__buttons{display:flex;flex-wrap:wrap;justify-content:center;gap:var(--ob-hero-button-gap);pointer-events:auto}@media screen and (min-width:700px){.ob-hero__content{inset-inline:0;text-align:start}.ob-hero__content-inner{align-items:flex-start;max-width:var(--ob-container);margin-inline:auto;padding-inline:var(--ob-gutter)}.ob-hero__title{margin-inline:0;font-size:clamp(var(--ob-h1-size-m),5.5556vw,var(--ob-h1-size))}.ob-hero__buttons{justify-content:flex-start}}.ob-hero__dots{display:flex;justify-content:center;gap:var(--ob-hero-dot-gap);margin-block-start:calc(var(--ob-hero-dots-gap) - (var(--ob-hero-dot-hit) - var(--ob-hero-dot-h)) / 2);margin-block-end:calc((var(--ob-hero-dot-h) - var(--ob-hero-dot-hit)) / 2)}.ob-hero__dot{display:flex;align-items:center;width:var(--ob-hero-dot-w);height:var(--ob-hero-dot-hit);padding:0;border:0;background:none;cursor:pointer;transition:width var(--ob-dur) var(--ob-ease)}.ob-hero__dot:before{content:"";display:block;width:100%;height:var(--ob-hero-dot-h);border-radius:var(--ob-hero-dot-radius);background-color:var(--ob-grey-100);transition:background-color var(--ob-dur) var(--ob-ease)}.ob-hero__dot[aria-current=true]{width:var(--ob-hero-dot-w-active)}.ob-hero__dot[aria-current=true]:before{background-color:var(--ob-ink-900)}.ob-hero__dot:focus-visible{outline:1px solid var(--ob-ink-900);outline-offset:2px}@media(prefers-reduced-motion:reduce){.ob-hero__dot,.ob-hero__dot:before{transition:none}}
/*# sourceMappingURL=/cdn/shop/t/49/assets/ob-hero.css.map */