.on-hero-wrap{position:relative}.on-hero{position:relative;height:var(--on-hero-height, 900px);overflow:hidden;background:#d9d9d6;color:var(--on-color-white)}.on-hero-wrap--full .on-hero{height:100svh;min-height:480px}.on-hero__slider{display:block;position:relative;height:100%}.on-hero__slide{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;flex-direction:column;justify-content:flex-end;align-items:flex-start;visibility:hidden;opacity:0;transition:opacity var(--on-hero-fade, .6s) ease-out,visibility 0s linear var(--on-hero-fade, .6s)}.on-hero__slide.is-active{visibility:visible;opacity:1;transition:opacity var(--on-hero-fade, .6s) ease-out}.on-hero__media,.on-hero__media picture{position:absolute;top:0;right:0;bottom:0;left:0;display:block}.on-hero__image{display:block;width:100%;height:100%;object-fit:cover}.on-hero__content{position:relative;display:flex;flex-direction:column;align-items:flex-start;max-width:100%;box-sizing:border-box;padding:0 0 79px 115px}.on-hero__content--center{align-self:center;align-items:center;padding:0 var(--on-gutter) 79px;text-align:center}.on-hero__content--right{align-self:flex-end;align-items:flex-end;padding:0 115px 79px 0;text-align:right}.on-hero__title{margin:0 0 8px;font-family:var(--on-font-display);font-size:64px;font-weight:400;line-height:1;letter-spacing:var(--on-tracking)}.on-hero__subtitle{margin:0 0 24px;font-family:var(--on-font-sans);font-size:16px;font-weight:400;line-height:22px;letter-spacing:var(--on-tracking)}.on-hero__button{position:relative;display:flex;align-items:center;justify-content:center;box-sizing:border-box;width:310px;height:30px;padding:5px 32px;overflow:hidden;border:1px solid var(--on-color-hero-border);border-radius:4px;background:transparent;color:var(--on-color-white);font-family:var(--on-font-sans);font-size:14px;font-weight:400;line-height:18px;letter-spacing:var(--on-tracking);text-decoration:none;text-transform:uppercase;transition:color .3s var(--on-ease-out)}.on-hero__button:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:var(--on-color-white);transform:scaleY(0);transform-origin:bottom;transition:transform .3s var(--on-ease-out)}.on-hero__button-label{position:relative;z-index:1}.on-hero__button:focus-visible{color:var(--on-color-ink)}.on-hero__button:focus-visible:after{transform:scaleY(1)}@media(hover:hover)and (min-width:990px){.on-hero__button:hover{color:var(--on-color-ink)}.on-hero__button:hover:after{transform:scaleY(1)}}.on-hero__button:focus-visible{outline:2px solid var(--on-color-white);outline-offset:3px}.on-hero__dots{position:absolute;right:var(--on-gutter);bottom:32px;z-index:2;display:flex;gap:12px}.on-hero__dot{width:8px;height:8px;border:1px solid var(--on-color-white);border-radius:50%}.on-hero__dot[aria-current=true]{background:var(--on-color-white)}.on-hero--bars .on-hero__dots{right:45px;bottom:50px;gap:8px}.on-hero--bars .on-hero__dot{width:15px;height:3px;border:0;border-radius:0;background:#ffffff80}.on-hero--bars .on-hero__dot[aria-current=true]{background:var(--on-color-white)}.on-hero--bars{--on-hero-fade: .3s}body:has(main>.shopify-section:first-child [data-on-overlay-header=flush]){--on-chrome-offset: 0px}.on-header-trigger{position:absolute;top:var(--on-trigger-top, 410px);left:0;width:100%;height:300px;pointer-events:none}@media(prefers-reduced-motion:reduce){.on-hero__slide,.on-hero__slide.is-active,.on-hero__button,.on-hero__button:after{transition:none}}@media screen and (max-width:989px){.on-header-trigger{top:var(--on-trigger-top-mobile, 270px);height:220px}body:has(main>.shopify-section:first-child [data-on-overlay-header=flush]){--on-chrome-offset: 1px}}@media screen and (max-width:749px){.on-hero{height:var(--on-hero-height-mobile, 812px)}.on-hero-wrap--full .on-hero{height:100svh}.on-hero__content{padding:0 0 68px 53px}.on-hero__content--center{padding:0 var(--on-gutter) 68px}.on-hero__content--right{padding:0 53px 68px 0}.on-hero__title{font-size:40px}.on-hero__subtitle{margin-bottom:16px;font-size:14px;line-height:18px}.on-hero__button{width:148px;padding:5px 16px}.on-hero__button{overflow:visible}.on-hero__button:after{border-radius:3px}.on-hero__button:before{content:"";position:absolute;top:-8px;right:0;bottom:-8px;left:0}.on-hero--bars .on-hero__dots{right:auto;bottom:24px;left:20px}}
/*# sourceMappingURL=/cdn/shop/t/3/assets/on-hero.css.map */