.hero{position:relative;width:100%;margin:0;display:flex;align-items:center;overflow:hidden}.hero--small{min-height:40vh}.hero--medium{min-height:60vh}.hero--large{min-height:80vh}.hero--full{min-height:100vh}.hero__media{position:absolute;top:0;right:0;bottom:0;left:0;z-index:0}.hero__image,.hero__video{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:cover;object-position:center}.hero__embed{position:absolute;top:0;right:0;bottom:0;left:0;overflow:hidden;pointer-events:none}.hero__embed iframe{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:auto;height:auto;min-width:100%;min-height:100%;aspect-ratio:16 / 9;border:0}.hero--no-image{background-color:#e8dcc8}.hero__placeholder{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;opacity:.55}.hero__overlay{position:absolute;top:0;right:0;bottom:0;left:0;background-color:#000;pointer-events:none}.hero__container{position:relative;z-index:1;width:100%;display:flex;padding-block:6rem}.hero--align-left .hero__container{justify-content:flex-start}.hero--align-center .hero__container{justify-content:center}.hero--align-right .hero__container{justify-content:flex-end}.hero__content{position:relative;display:flex;flex-direction:column;gap:1.6rem;max-width:62rem}.hero--align-left .hero__content{align-items:flex-start;text-align:left}.hero--align-center .hero__content{align-items:center;text-align:center}.hero--align-right .hero__content{align-items:flex-end;text-align:right}.hero--light .hero__content{color:#fff}.hero--dark .hero__content{color:var(--obi-color-text)}.hero__badge{display:flex;align-items:center;justify-content:center;width:12rem;height:12rem;padding:1.4rem;border-radius:50%;background-color:var(--obi-color-primary);color:var(--obi-color-primary-text);font-family:var(--obi-font-heading-family);font-weight:var(--obi-font-heading-weight);font-size:1.3rem;line-height:1.25;text-align:center;text-transform:uppercase;transform:rotate(-8deg);box-shadow:0 .6rem 2rem #00000040;margin-bottom:.8rem}.hero__heading{margin:0;font-family:var(--obi-font-heading-family);font-weight:var(--obi-font-heading-weight);font-size:clamp(3.6rem,6vw + 1.6rem,7rem);line-height:1.05;letter-spacing:.02em;text-transform:uppercase}.hero__subheading{margin:0;font-family:var(--obi-font-body-family);font-size:1.6rem;line-height:1.5}.hero__button{margin-top:1rem}.hero__button--inverse{background-color:#fff;color:#111;border:.1rem solid #fff;transition:background-color .2s ease,color .2s ease,border-color .2s ease}.hero__button--inverse:hover,.hero__button--inverse:focus-visible{background-color:var(--obi-color-primary);color:var(--obi-color-primary-text);border-color:var(--obi-color-primary)}.hero[style*=--hero-text] .hero__heading{color:var(--hero-text)}.hero[style*=--hero-subtext] .hero__subheading{color:var(--hero-subtext)}.hero[style*=--hero-btn-bg] .hero__button{background-color:var(--hero-btn-bg);border-color:var(--hero-btn-bg)}.hero[style*=--hero-btn-text] .hero__button{color:var(--hero-btn-text)}.hero[style*=--hero-btn-bg] .hero__button:hover,.hero[style*=--hero-btn-bg] .hero__button:focus-visible{background-color:var(--hero-btn-bg);border-color:var(--hero-btn-bg);color:var(--hero-btn-text, currentColor);opacity:.85}.hero__media-el--mobile{display:none}@media screen and (max-width:749px){.hero--small{min-height:45vh}.hero--medium{min-height:70vh}.hero--large{min-height:85vh}.hero--full{min-height:100svh}.hero__media-el--mobile{display:block}.hero__media:has(.hero__media-el--mobile) .hero__media-el--desktop{display:none}.hero__container{padding-block:4.8rem}.hero__content{width:100%;max-width:none}.hero__heading{font-size:clamp(3.4rem,11vw,4.8rem)}.hero__subheading{font-size:1.5rem}.hero__badge{width:10rem;height:10rem;font-size:1.15rem}.hero__button{width:100%;min-height:4.8rem}}@media screen and (min-width:750px){.hero__container{padding-block:8rem}.hero__subheading{font-size:1.8rem}.hero__badge{position:absolute;top:-6rem;right:-4rem;margin-bottom:0;z-index:2}}@media screen and (min-width:990px){.hero__badge{right:-7rem}.hero__content{max-width:72rem}}
/*# sourceMappingURL=/cdn/shop/t/2/assets/section-hero.css.map */