.hero{position:relative;width:100%;overflow:hidden}.hero__media{position:relative;width:100%;height:var(--hero-mobile-height, 560px)}@media screen and (min-width:768px){.hero__media{height:var(--hero-desktop-height, 700px)}}.hero__image{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:cover;object-position:center;display:block}.hero__image--placeholder{background:#e5e5e5}.hero__image--desktop{display:none}.hero__image--mobile{display:block}@media screen and (min-width:768px){.hero__image--desktop{display:block}.hero__image--mobile{display:none}}.hero__overlay{position:absolute;top:0;right:0;bottom:0;left:0;background:#000;pointer-events:none}.hero__content{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;padding:40px 24px}@media screen and (min-width:768px){.hero__content{padding:60px max(40px,5vw)}.hero__content--top-left{align-items:flex-start;justify-content:flex-start}.hero__content--top-center{align-items:flex-start;justify-content:center}.hero__content--top-right{align-items:flex-start;justify-content:flex-end}.hero__content--middle-left{align-items:center;justify-content:flex-start}.hero__content--middle-center{align-items:center;justify-content:center}.hero__content--middle-right{align-items:center;justify-content:flex-end}.hero__content--bottom-left{align-items:flex-end;justify-content:flex-start}.hero__content--bottom-center{align-items:flex-end;justify-content:center}.hero__content--bottom-right{align-items:flex-end;justify-content:flex-end}}@media screen and (max-width:767px){.hero__content--mobile-top{align-items:flex-start;justify-content:center}.hero__content--mobile-center{align-items:center;justify-content:center}.hero__content--mobile-bottom{align-items:flex-end;justify-content:center}}.hero__inner{display:flex;flex-direction:column;align-items:center;text-align:center;gap:10px;max-width:600px;color:var(--hero-text-color, #ffffff)}@media screen and (min-width:768px){.hero__content--top-left .hero__inner,.hero__content--middle-left .hero__inner,.hero__content--bottom-left .hero__inner{align-items:flex-start;text-align:left}.hero__content--top-right .hero__inner,.hero__content--middle-right .hero__inner,.hero__content--bottom-right .hero__inner{align-items:flex-end;text-align:right}}.hero__eyebrow{font-size:13px;letter-spacing:.12em;text-transform:uppercase;font-weight:400;opacity:.85;margin:0;font-family:var(--heading-font-family, sans-serif)}.hero__heading{font-size:clamp(1.6rem,4vw,2.25rem);font-weight:500;letter-spacing:.02em;text-transform:uppercase;line-height:1.15;margin:0;font-family:var(--heading-font-family, sans-serif)}.hero__subtext{font-size:14px;line-height:1.6;margin:0;opacity:.9;font-family:var(--heading-font-family, sans-serif)}.hero__buttons{display:flex;flex-direction:column;gap:10px;width:100%;margin-top:6px}@media screen and (min-width:768px){.hero__buttons{flex-direction:row;width:auto;justify-content:center}.hero__content--top-left .hero__buttons,.hero__content--middle-left .hero__buttons,.hero__content--bottom-left .hero__buttons{justify-content:flex-start}.hero__content--top-right .hero__buttons,.hero__content--middle-right .hero__buttons,.hero__content--bottom-right .hero__buttons{justify-content:flex-end}}.hero__btn{display:inline-block;font-size:13px;font-family:var(--heading-font-family, sans-serif);font-weight:400;letter-spacing:.1em;text-transform:uppercase;text-decoration:none;text-align:center;padding:12px 0;width:100%;min-width:150px;cursor:pointer;transition:background .3s ease,color .3s ease}@media screen and (min-width:768px){.hero__btn{width:160px;padding:10px 0}}.hero__btn--primary{background:var(--hero-btn-bg, #b7a282);color:var(--hero-btn-text, #ffffff);background-image:linear-gradient(to right,#ffffff 50%,var(--hero-btn-bg, #b7a282) 50%);background-size:200% 100%;background-position:right bottom}@media screen and (min-width:1024px){.hero__btn--primary:hover{background-position:left bottom;color:#202324}}.hero__btn--secondary{background:var(--hero-btn-bg, #b7a282);color:var(--hero-btn-text, #ffffff);background-image:linear-gradient(to right,#ffffff 50%,var(--hero-btn-bg, #b7a282) 50%);background-size:200% 100%;background-position:right bottom}@media screen and (min-width:1024px){.hero__btn--secondary:hover{background-position:left bottom;color:#202324}}.hero__btn{display:inline-flex;align-items:center;justify-content:center;gap:10px}.hero__btn-arrow{display:inline-flex;align-items:center;justify-content:center;line-height:0}.hero__btn-arrow svg{width:18px;height:18px}
/*# sourceMappingURL=/cdn/shop/t/29/assets/homepage-hero.css.map */