.hero-banner{--ink:#17181C;--sun:#E1592D;--chalk:#FAF9F6;position:relative;width:100%;overflow:hidden}.hero-banner__frame{position:relative;width:100%;height:clamp(460px,64vh,720px);overflow:hidden;background:var(--ink)}.hero-banner__picture,.hero-banner__img{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%}.hero-banner__img{object-fit:cover;object-position:center;display:block}.hero-banner__placeholder{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,var(--ink) 0%,#2b2d33 60%,var(--sun) 130%);color:#fff9;font-size:14px;font-style:italic}.hero-banner__scrim{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;background:linear-gradient(100deg,rgba(23,24,28,var(--scrim-a1, .6)),rgba(23,24,28,var(--scrim-a2, .28)) 50%,#17181c00 75%),linear-gradient(to top,rgba(23,24,28,var(--scrim-bottom, .36)),#17181c00 45%)}.hero-banner__content{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;flex-direction:column;justify-content:center;padding:0 6vw;max-width:640px;color:var(--chalk)}.hero-banner--pos-center .hero-banner__content{align-items:center;text-align:center;max-width:720px;left:50%;transform:translate(-50%)}.hero-banner--pos-left .hero-banner__content{align-items:flex-start;text-align:left}.hero-banner__eyebrow{font-size:13px;font-weight:700;letter-spacing:.16em;text-transform:uppercase;margin-bottom:14px;color:var(--eyebrow-color-d)}.hero-banner__heading{font-weight:800;font-size:clamp(32px,5vw,58px);line-height:1.05;letter-spacing:-.01em;text-transform:uppercase;margin-bottom:16px;text-shadow:0 2px 12px rgba(0,0,0,.25);color:var(--heading-color-d)}.hero-banner__subheading{font-size:clamp(15px,1.6vw,18px);line-height:1.5;margin-bottom:28px;max-width:46ch;color:var(--subheading-color-d)}.hero-banner__actions{display:flex;gap:14px;flex-wrap:wrap}.hero-banner--pos-center .hero-banner__actions{justify-content:center}.hero-banner__btn{display:inline-flex;align-items:center;justify-content:center;padding:14px 30px;font-size:14px;font-weight:700;letter-spacing:.06em;text-transform:uppercase;text-decoration:none;border-radius:2px;transition:transform .2s ease,box-shadow .2s ease}.hero-banner__btn--secondary{background:transparent;border:1.5px solid}.hero-banner__btn:hover{transform:translateY(-2px);box-shadow:0 10px 24px #00000040}@media(max-width:749px){.hero-banner__frame{height:clamp(520px,82vh,700px)}.hero-banner__content{padding:0 24px 56px;max-width:none;align-items:flex-start;text-align:left;justify-content:flex-end}.hero-banner--pos-center .hero-banner__content{left:0;transform:none}.hero-banner__scrim{background:linear-gradient(to top,rgba(23,24,28,var(--scrim-mobile, .78)),#17181c26 55%,#17181c00 75%)}.hero-banner__eyebrow{color:var(--eyebrow-color-m)}.hero-banner__heading{color:var(--heading-color-m);font-size:clamp(28px,8vw,40px)}.hero-banner__subheading{color:var(--subheading-color-m);font-size:15px;max-width:none}.hero-banner__actions{width:100%}.hero-banner__btn{flex:1 1 auto;padding:15px 20px}}
/*# sourceMappingURL=/cdn/shop/t/78/assets/hero-banner.css.map */