.hero-banner{position:relative;display:flex;align-items:center;min-height:620px;background-color:#211f1c;overflow:hidden}.hero-banner__image{position:absolute;top:0;right:0;bottom:0;left:0;z-index:0}.hero-banner__image img,.hero-banner__placeholder{width:100%;height:100%;object-fit:cover;object-position:center right;display:block}.hero-banner__overlay{position:absolute;top:0;right:0;bottom:0;left:0;z-index:1;background:linear-gradient(90deg,#141210eb,#141210c7 32%,#14121040 58%,#14121000 75%)}.hero-banner__content{position:relative;z-index:2;max-width:620px;padding:80px 40px 80px 64px;color:#f6f1ea}.hero-banner__eyebrow{margin:0 0 18px;font-size:12px;letter-spacing:.18em;text-transform:uppercase;color:#e7e1d6;font-family:Helvetica,Arial,sans-serif}.hero-banner__heading{margin:0 0 20px;font-family:Georgia,Times New Roman,serif;font-weight:400;font-size:52px;line-height:1.15;color:#f6f1ea}.hero-banner__heading-accent{display:block;color:#c9a15a}.hero-banner__paragraph{margin:0 0 32px;font-size:16px;line-height:1.6;color:#d8d2c6;max-width:440px}.hero-banner__paragraph p{margin:0}.hero-banner__features{list-style:none;display:flex;flex-wrap:wrap;gap:28px;margin:0 0 40px;padding:0}.hero-banner__feature{display:flex;align-items:center;gap:10px;font-size:11px;letter-spacing:.04em;text-transform:uppercase;color:#e7e1d6;white-space:pre-line;line-height:1.3}.hero-banner__feature-icon{font-size:16px;color:#c9a15a}.hero-banner__button{display:inline-flex;align-items:center;gap:10px;padding:16px 32px;background-color:#e9dfce;color:#211f1c;font-size:13px;letter-spacing:.08em;text-transform:uppercase;text-decoration:none;font-family:Helvetica,Arial,sans-serif;transition:background-color .2s ease,transform .2s ease}.hero-banner__button:hover{background-color:#fff;transform:translateY(-1px)}.hero-banner__button-arrow{transition:transform .2s ease}.hero-banner__button:hover .hero-banner__button-arrow{transform:translate(3px)}@media screen and (max-width:989px){.hero-banner__heading{font-size:40px}.hero-banner__content{padding:60px 32px}}@media screen and (max-width:749px){.hero-banner{min-height:560px}.hero-banner__overlay{background:linear-gradient(180deg,#1412108c,#141210e6 55%,#141210f5)}.hero-banner__content{max-width:100%;padding:40px 20px}.hero-banner__heading{font-size:32px}.hero-banner__features{gap:16px 20px}}
/*# sourceMappingURL=/cdn/shop/t/4/assets/hero-banner.css.map */