.hero{--brand-body: "DM Sans", "DM Sans Fallback", system-ui, -apple-system, sans-serif;--brand-serif: "Libre Caslon Text", "Libre Caslon Text Fallback", Georgia, "Times New Roman", serif;position:relative;width:100%;display:grid;overflow:hidden;aspect-ratio:var(--hero-ratio-d, 2.06);background:var(--hero-bg, transparent)}.hero__media,.hero__overlay{position:absolute;top:0;right:0;bottom:0;left:0}.hero__media{z-index:0}.hero__img{display:block;width:100%;height:100%;object-fit:cover}.hero__overlay{z-index:1;background:#000;pointer-events:none}.hero__inner{position:relative;z-index:2;width:100%;max-width:min(640px,52%);align-self:center;justify-self:start;display:flex;flex-direction:column;gap:0;padding-inline:clamp(20px,6vw,90px);text-align:var(--hero-align, left)}.hero--valign-top .hero__inner{align-self:start;padding-top:clamp(28px,5vw,64px)}.hero--valign-bottom .hero__inner{align-self:end;padding-bottom:clamp(28px,5vw,64px)}.hero--align-center .hero__inner{justify-self:center;align-items:center;max-width:70%}.hero__eyebrow{margin:0;font-family:var(--brand-body);font-weight:400;font-size:clamp(13px,1.1vw,16px);line-height:1.4;letter-spacing:1.12px;color:var(--hero-eyebrow, #000000)}.hero__heading{margin:0;font-family:var(--brand-body);font-weight:400;font-size:clamp(32px,3.6vw,48px);line-height:1.27;letter-spacing:-1.92px;color:var(--hero-heading, #2e1910)}.hero__heading p{margin:0}.hero__heading em,.hero__heading i{font-family:var(--brand-serif);font-style:italic;font-weight:500}.hero__body{margin:0;max-width:46ch;font-family:var(--brand-body);font-weight:400;font-size:clamp(14px,1.1vw,16px);line-height:1.4;letter-spacing:-.32px;color:var(--hero-text, #3b3b3b)}.hero__body p{margin:0}.hero__buttons{display:flex;flex-wrap:wrap;align-items:center;gap:10px;margin-top:clamp(12px,2vw,22px)}.hero__btn{display:inline-flex;align-items:center;gap:8px;min-height:46px;box-sizing:border-box;text-decoration:none;border-radius:47px;font-family:var(--brand-body);white-space:nowrap;transition:opacity .2s ease}.hero__btn:hover{opacity:.9}.hero__btn--primary{padding:0 6px 0 18px;background:var(--hero-btn1-bg, #115a27);border:1px solid var(--hero-btn1-bg, #115a27);color:var(--hero-btn1-text, #ffffff);font-weight:500;font-size:14px;letter-spacing:-.28px}.hero__btn--primary .hero__btn-icon{display:inline-flex;align-items:center;justify-content:center;width:28px;height:28px;border-radius:50%;background:var(--hero-btn1-text, #ffffff);color:var(--hero-btn1-bg, #115a27)}.hero__btn--primary .hero__btn-icon svg{width:14px;height:14px}.hero__btn--secondary{padding:0 24px;border-radius:31px;background:transparent;border:1px solid var(--hero-btn2-color, #422b21);color:var(--hero-btn2-color, #422b21);font-weight:600;font-size:16px;letter-spacing:-.32px}.hero__btn--secondary svg{width:14px;height:14px}@media screen and (max-width:749px){.hero{aspect-ratio:var(--hero-ratio-m, .555)}.hero__inner{max-width:100%;align-self:start;justify-self:start;padding-top:clamp(28px,7vw,64px);padding-inline:clamp(20px,6.7vw,40px)}.hero--align-center .hero__inner{max-width:100%}.hero__eyebrow{font-size:clamp(11px,3vw,13px);letter-spacing:.84px}.hero__heading{font-size:clamp(28px,8.8vw,40px);letter-spacing:-1.5px}.hero__body{max-width:62%;font-size:clamp(13px,3.6vw,15px);letter-spacing:-.28px}.hero__buttons{margin-top:clamp(14px,5vw,26px)}.hero__btn--hide-mobile{display:none}}@media screen and (min-width:1024px){.hero .hero__inner{max-width:36%;padding-right:0}.hero .hero__body{max-width:none}}@media screen and (min-width:1024px)and (max-width:1279px){.hero .hero__heading{font-size:clamp(30px,3.2vw,40px)}}@media screen and (min-width:750px)and (max-width:1199px){.hero .hero__btn--secondary{display:none}}@media screen and (min-width:750px)and (max-width:1023px){.hero{display:flex;flex-direction:column;aspect-ratio:auto}.hero .hero__media{position:relative;inset:auto;order:2;aspect-ratio:var(--hero-ratio-d, 2.35)}.hero .hero__media picture{display:block;height:100%}.hero .hero__overlay{display:none}.hero .hero__inner{order:1;max-width:none;align-self:auto;padding:44px 6vw 32px}.hero .hero__body{max-width:52ch}}
/*# sourceMappingURL=/cdn/shop/t/14/assets/hero.css.map */
