.home-pomade-hero-section{padding:0!important;margin:0!important}.home-pomade-hero{--hph-bg: #F3F3EC;--hph-ink: #262626;--hph-max: 1440px;--hph-content: 449px;position:relative;overflow:hidden;background:var(--hph-bg);color:var(--hph-ink);min-height:651px}.home-pomade-hero__bg{position:absolute;top:0;right:0;bottom:0;left:0;z-index:0;pointer-events:none}.home-pomade-hero__bg--mobile{display:none}.home-pomade-hero__bg-image{display:block;width:100%;height:100%;object-fit:cover;object-position:center}.home-pomade-hero__panel{position:relative;z-index:1;max-width:var(--hph-max);min-height:651px;margin:0 auto;padding:128px 144px 8px;box-sizing:border-box;display:flex;align-items:flex-start}.home-pomade-hero__content{display:flex;flex-direction:column;gap:40px;width:100%;max-width:var(--hph-content)}.home-pomade-hero__top{width:100%}.home-pomade-hero__lower{display:flex;flex-direction:column;gap:40px;width:100%}.home-pomade-hero__heading-wrap{position:relative;width:100%;max-width:392px;min-height:182px}.home-pomade-hero__heading{margin:22px 0 0;color:var(--hph-ink);font-family:var(--font-heading-family);font-size:100px;font-weight:700;line-height:92px;letter-spacing:-2px;text-transform:capitalize}.home-pomade-hero__heading-line{display:block}.home-pomade-hero__badge{position:absolute;top:0;left:256px;width:150px;pointer-events:none}.home-pomade-hero__badge--solo{position:relative;left:auto;top:auto;width:150px}.home-pomade-hero__badge-image{display:block;width:100%;height:auto}.home-pomade-hero__description{margin:0;max-width:var(--hph-content);color:#000;font-family:var(--font-secondary-body-family);font-size:20px;font-weight:400;line-height:normal;letter-spacing:-.2px}.home-pomade-hero__description p{margin:0}.home-pomade-hero__cta{display:inline-flex;align-items:center;justify-content:center;min-height:41px;padding:12px 32px;border-radius:52px;background:var(--hph-ink);color:#fff;font-family:var(--font-body-family);font-size:14px;font-weight:500;line-height:normal;text-decoration:none;text-transform:uppercase;white-space:nowrap;box-sizing:border-box;width:fit-content}@media screen and (max-width:989px)and (min-width:750px){.home-pomade-hero,.home-pomade-hero__panel{min-height:560px}.home-pomade-hero__panel{padding:96px 48px 8px}.home-pomade-hero__heading{font-size:72px;line-height:64px;width:100%}.home-pomade-hero__badge{left:190px;width:120px}.home-pomade-hero__description{font-size:18px}}@media screen and (max-width:749px){.home-pomade-hero,.home-pomade-hero__panel{min-height:608px;height:auto}.home-pomade-hero__bg--desktop{display:none}.home-pomade-hero__bg--mobile{display:block}.home-pomade-hero__panel{min-height:608px;padding:32px 16px 46px;align-items:center;justify-content:flex-start}.home-pomade-hero__content{flex:1 1 auto;width:100%;max-width:376px;min-height:530px;margin:0 auto;gap:0;justify-content:space-between;align-items:center}.home-pomade-hero__top{display:flex;justify-content:center;width:100%;flex-shrink:0}.home-pomade-hero__heading-wrap{position:relative;width:302px;max-width:100%;height:123px;min-height:123px;margin:0}.home-pomade-hero__heading{width:100%;position:absolute;left:50%;top:3px;transform:translate(-50%);margin:0;font-size:70px;line-height:60px;letter-spacing:-1.4px;text-align:center;color:var(--hph-ink)}.home-pomade-hero__heading-line{line-height:60px}.home-pomade-hero__badge{top:-5px;left:-14px;width:90px}.home-pomade-hero__badge--solo{margin:0;width:90px}.home-pomade-hero__lower{width:100%;max-width:313px;gap:24px;align-items:center;flex-shrink:0}.home-pomade-hero__description{width:100%;max-width:313px;margin:0;font-size:12px;letter-spacing:-.12px;line-height:normal;text-align:center;color:#fff}.home-pomade-hero__description p{margin:0}.home-pomade-hero__cta{margin:0;align-self:center;background:#fff;color:var(--hph-ink)}.home-pomade-hero:not(.home-pomade-hero--has-image) .home-pomade-hero__description{color:var(--hph-ink)}.home-pomade-hero:not(.home-pomade-hero--has-image) .home-pomade-hero__cta{background:var(--hph-ink);color:#fff}}
/*# sourceMappingURL=/cdn/shop/t/46/assets/home-pomade-hero.css.map */