.hero-asymmetric{--hero-split: 45%;--hero-height-desktop: 600px;--hero-height-mobile: 300px;--hero-gap: 0px;--hero-img-radius: 0px}.hero-asymmetric__inner{display:flex;flex-direction:column;gap:var(--hero-gap)}.hero-asymmetric__inner--reverse{flex-direction:column-reverse}.hero-asymmetric__image-panel{position:relative;overflow:hidden;flex-shrink:0;border-radius:var(--hero-img-radius);height:var(--hero-height-mobile)}.hero-asymmetric__image-panel--adapt{height:auto}.hero-asymmetric__img{display:block;width:100%;height:100%;object-fit:cover;object-position:center top}.hero-asymmetric__img--desktop{display:block}.hero-asymmetric__img--mobile{display:block;position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:cover}.hero-asymmetric__placeholder{display:block;width:100%;height:100%;object-fit:cover}.hero-asymmetric__overlay{position:absolute;top:0;right:0;bottom:0;left:0;background-color:#000;pointer-events:none;z-index:1}.hero-asymmetric__content-panel{display:flex;align-items:stretch;padding:4rem 3rem}.hero-asymmetric__content-inner{display:flex;flex-direction:column;justify-content:center;width:100%;gap:2rem}.hero-asymmetric__content-inner--top{justify-content:flex-start}.hero-asymmetric__content-inner--center{justify-content:center}.hero-asymmetric__content-inner--bottom{justify-content:flex-end}.hero-asymmetric__content-inner--align-left{text-align:left;align-items:flex-start}.hero-asymmetric__content-inner--align-center{text-align:center;align-items:center}.hero-asymmetric__content-inner--align-right{text-align:right;align-items:flex-end}.hero-asymmetric__eyebrow{font-size:1.2rem;letter-spacing:.2em;text-transform:uppercase;opacity:.65;margin:0}.hero-asymmetric__heading{margin:0;line-height:1.05;word-break:break-word}.hero-asymmetric__heading--h2{font-size:clamp(2.4rem,4vw,3.6rem)}.hero-asymmetric__heading--h1{font-size:clamp(3rem,5vw,5rem)}.hero-asymmetric__heading--h0{font-size:clamp(3.6rem,6vw,6.4rem)}.hero-asymmetric__heading--display{font-size:clamp(4rem,6.5vw,8rem);font-weight:700;letter-spacing:-.02em;line-height:1;margin-left:-8px}.hero-asymmetric__subheading{font-size:1.6rem;letter-spacing:.05em;margin:0}.hero-asymmetric__description{font-size:1.8rem;line-height:1.6;opacity:.85;max-width:48ch}.hero-asymmetric__buttons{display:flex;flex-wrap:wrap;gap:1.2rem;margin-top:.5rem}.hero-asymmetric__content-inner--align-center .hero-asymmetric__buttons{justify-content:center}.hero-asymmetric__content-inner--align-right .hero-asymmetric__buttons{justify-content:flex-end}.hero-asymmetric__content-inner--align-left{padding-left:11rem}@media(min-width:1200px)and (max-width:1600px){.hero-asymmetric__content-inner--align-left{padding-left:0rem}}@media screen and (min-width:990px){.hero-asymmetric__inner{flex-direction:row}.hero-asymmetric__inner--reverse{flex-direction:row-reverse}.hero-asymmetric__content-panel{flex:0 0 var(--hero-split);width:var(--hero-split);padding:5rem 4rem;align-self:stretch}.hero-asymmetric__image-panel{flex:1 1 0;height:var(--hero-height-desktop)}.hero-asymmetric__img--mobile{display:none}.hero-asymmetric__img--desktop{width:100%;height:100%;object-fit:cover;object-position:center top}}@media screen and (min-width:750px)and (max-width:989px){.hero-asymmetric__content-inner--align-left{padding-left:0rem}.hero-asymmetric__inner{flex-direction:column}.hero-asymmetric__inner--reverse{flex-direction:column-reverse}.hero-asymmetric__image-panel{height:40rem}.hero-asymmetric__img--mobile{display:none}.hero-asymmetric__img--desktop{width:100%;height:100%;object-fit:cover;object-position:center top}.hero-asymmetric__content-panel{padding:4rem 3.5rem}}@media screen and (max-width:749px){.hero-asymmetric__content-inner--align-left{padding-left:0rem}.hero-asymmetric__inner{flex-direction:column-reverse}.hero-asymmetric__image-panel{order:-1}.hero-asymmetric__img--mobile{display:block}.hero-asymmetric__image-panel:has(.hero-asymmetric__img--mobile) .hero-asymmetric__img--desktop{visibility:hidden}.hero-asymmetric__content-panel{padding:3rem 2rem;order:1}.hero-asymmetric__heading--display{font-size:clamp(3.2rem,11vw,5.5rem)}.hero-asymmetric__buttons{flex-direction:column}.hero-asymmetric__content-inner--align-center .hero-asymmetric__buttons,.hero-asymmetric__content-inner--align-right .hero-asymmetric__buttons{align-items:inherit}}
/*# sourceMappingURL=/cdn/shop/t/4/assets/hero-asymmetric.css.map */