.humble-hero{--humble-bg: #FDFBF7;--humble-primary: #283745;--humble-primary-dark: #283745;--humble-highlight: #283745;--humble-text: #1a1a1a;--humble-text-muted: #666666;--humble-border: #e0ddd5;--humble-gold: #D4A574;--humble-white: #ffffff;--humble-font-heading: "Recoleta", Georgia, serif;--humble-font-title: "DIN Bold", "DIN", Arial, sans-serif;--humble-font-body: "Poppins", -apple-system, BlinkMacSystemFont, sans-serif;--hero-padding-top: 80px;--hero-padding-bottom: 80px;--hero-padding-top-mobile: 40px;--hero-padding-bottom-mobile: 40px;--hero-spacing-badge: 24px;--hero-spacing-heading: 24px;--hero-spacing-subheading: 16px;--hero-spacing-ingredients: 32px;--hero-spacing-ctas: 48px;--hero-mobile-image-height: 40vh}.humble-hero{background-color:var(--humble-bg);position:relative;overflow:hidden}.humble-hero__container{display:grid;grid-template-columns:1fr 1fr;min-height:85vh;max-width:1600px;margin:0 auto}.humble-hero__content{padding:var(--hero-padding-top) 60px var(--hero-padding-bottom) 80px;display:flex;flex-direction:column;justify-content:center;position:relative;z-index:2}.humble-hero__badge{display:inline-flex;align-items:center;gap:8px;background:#2c55301a;padding:8px 16px;border-radius:50px;margin-bottom:var(--hero-spacing-badge);width:fit-content;animation:humbleFadeUp .8s ease-out forwards;animation-delay:.1s;opacity:0}.humble-hero__badge-text{font-family:var(--humble-font-title);font-size:12px;font-weight:700;color:var(--humble-primary);text-transform:uppercase;letter-spacing:1px}.humble-hero__heading{font-family:var(--humble-font-heading);font-size:clamp(40px,5vw,64px);line-height:1.1;color:var(--humble-text);margin:0 0 var(--hero-spacing-heading) 0;font-weight:500;animation:humbleFadeUp .8s ease-out forwards;animation-delay:.2s;opacity:0}.humble-hero__heading-line1{display:block}.humble-hero__heading-line2{display:block;color:var(--humble-highlight)}.humble-hero__subheading{font-family:var(--humble-font-body);font-size:18px;line-height:1.7;color:var(--humble-text-muted);max-width:480px;margin:0 0 var(--hero-spacing-subheading) 0;animation:humbleFadeUp .8s ease-out forwards;animation-delay:.3s;opacity:0}.humble-hero__ingredients{display:flex;gap:12px;margin-bottom:var(--hero-spacing-ingredients);flex-wrap:wrap;animation:humbleFadeUp .8s ease-out forwards;animation-delay:.4s;opacity:0}.humble-hero__ingredient-pill{background:var(--humble-white);border:1px solid var(--humble-border);padding:6px 14px;border-radius:20px;font-family:var(--humble-font-body);font-size:13px;color:#555;transition:all .3s ease}.humble-hero__ingredient-pill:hover{border-color:var(--humble-primary);color:var(--humble-primary)}.humble-hero__ctas{display:flex;gap:16px;margin-bottom:var(--hero-spacing-ctas);flex-wrap:wrap;animation:humbleFadeUp .8s ease-out forwards;animation-delay:.5s;opacity:0}.humble-hero__cta{display:inline-flex;align-items:center;gap:8px;padding:18px 36px;border-radius:50px;font-family:var(--humble-font-title);font-size:15px;font-weight:700;text-decoration:none;cursor:pointer;transition:all .3s ease}.humble-hero__cta svg{transition:transform .3s ease}.humble-hero__cta:hover svg{transform:translate(4px)}.humble-hero__cta--primary{background:linear-gradient(135deg,var(--humble-primary) 0%,var(--humble-primary-dark) 100%);color:var(--humble-white);border:none;box-shadow:0 4px 20px #2c55304d}.humble-hero__cta--primary:hover{transform:translateY(-2px);box-shadow:0 6px 30px #2c553066;color:var(--humble-white)}.humble-hero__cta--secondary{background:transparent;border:2px solid var(--humble-primary);color:var(--humble-primary)}.humble-hero__cta--secondary:hover{background:var(--humble-primary);color:var(--humble-white)}.humble-hero__social-proof{display:flex;align-items:center;gap:20px;flex-wrap:wrap;animation:humbleFadeUp .8s ease-out forwards;animation-delay:.6s;opacity:0}.humble-hero__stars{display:flex;gap:2px}.humble-hero__star{width:18px;height:18px}.humble-hero__rating-text{font-family:var(--humble-font-body);color:var(--humble-text-muted);font-size:14px}.humble-hero__rating-text strong{color:var(--humble-text)}.humble-hero__divider{color:#ccc}.humble-hero__eco-badge{font-family:var(--humble-font-body);color:var(--humble-text-muted);font-size:14px}.humble-hero__eco-badge strong{color:var(--humble-primary)}.humble-hero__image-wrapper{position:relative;overflow:hidden;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#f5f2eb,#ebe7df)}.humble-hero__image{width:100%;height:100%;object-fit:cover;object-position:center center;animation:humbleScaleIn 1s ease-out forwards;animation-delay:.3s;opacity:0}.humble-hero--desktop-cover .humble-hero__image--desktop{object-fit:cover}.humble-hero--desktop-contain .humble-hero__image--desktop{object-fit:contain;object-position:center center;background:linear-gradient(135deg,#f5f2eb,#ebe7df)}.humble-hero--desktop-natural .humble-hero__container{min-height:auto}.humble-hero--desktop-natural .humble-hero__image-wrapper{align-self:center}.humble-hero--desktop-natural .humble-hero__image--desktop{width:100%;height:auto;object-fit:cover}.humble-hero__image--mobile{display:none}.humble-hero__image--desktop{display:block;width:100%;height:100%;object-fit:cover}.humble-hero__image-placeholder{width:100%;height:100%;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#f5f2eb,#ebe7df)}.humble-hero__placeholder-svg{width:60%;height:auto;opacity:.3}.humble-hero__floating-product{position:absolute;bottom:10%;left:-60px;z-index:3;animation:humbleFloat 3s ease-in-out infinite}.humble-hero__floating-image{max-width:200px;height:auto;filter:drop-shadow(0 20px 40px rgba(0,0,0,.15))}@keyframes humbleFadeUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}@keyframes humbleScaleIn{0%{opacity:0;transform:scale(1.05)}to{opacity:1;transform:scale(1)}}@keyframes humbleFloat{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}@media screen and (max-width: 1024px){.humble-hero__container{grid-template-columns:1fr;min-height:auto}.humble-hero__content{padding:var(--hero-padding-top-mobile) 40px var(--hero-padding-bottom-mobile) 40px;order:2}.humble-hero__image-wrapper{order:1;min-height:var(--hero-mobile-image-height);max-height:var(--hero-mobile-image-height)}.humble-hero--mobile-below .humble-hero__image-wrapper{order:2}.humble-hero--mobile-below .humble-hero__content{order:1}.humble-hero--mobile-hidden .humble-hero__image-wrapper{display:none}.humble-hero--mobile-hidden .humble-hero__content{padding:var(--hero-padding-top-mobile) 40px var(--hero-padding-bottom-mobile) 40px}.humble-hero--mobile-cover .humble-hero__image-wrapper{min-height:var(--hero-mobile-image-height);max-height:var(--hero-mobile-image-height)}.humble-hero--mobile-cover .humble-hero__image--mobile,.humble-hero--mobile-cover .humble-hero__image--desktop{object-fit:cover;height:100%}.humble-hero--mobile-contain .humble-hero__image-wrapper{min-height:var(--hero-mobile-image-height);max-height:var(--hero-mobile-image-height)}.humble-hero--mobile-contain .humble-hero__image--mobile,.humble-hero--mobile-contain .humble-hero__image--desktop{object-fit:contain;height:100%}.humble-hero--mobile-landscape .humble-hero__image-wrapper{min-height:auto;max-height:none;height:auto}.humble-hero--mobile-landscape .humble-hero__image--mobile,.humble-hero--mobile-landscape .humble-hero__image--desktop{width:100%;height:auto;object-fit:contain;max-height:var(--hero-mobile-image-height)}.humble-hero__image--desktop{display:block}.humble-hero__image--mobile,.humble-hero--has-mobile-image .humble-hero__image--desktop{display:none}.humble-hero--has-mobile-image .humble-hero__image--mobile{display:block;width:100%;height:100%}.humble-hero__floating-product{display:none}.humble-hero__heading{font-size:clamp(36px,6vw,52px)}}@media screen and (max-width: 768px){.humble-hero__content{padding:var(--hero-padding-top-mobile) 24px var(--hero-padding-bottom-mobile) 24px}.humble-hero__badge{padding:6px 12px}.humble-hero__badge-text{font-size:10px}.humble-hero__heading{font-size:32px}.humble-hero__subheading{font-size:16px}.humble-hero__ingredients{gap:8px}.humble-hero__ingredient-pill{padding:4px 10px;font-size:12px}.humble-hero__ctas{flex-direction:column;gap:12px}.humble-hero__cta{padding:16px 28px;font-size:14px;justify-content:center;width:100%}.humble-hero__social-proof{flex-direction:column;align-items:flex-start;gap:12px}.humble-hero__divider{display:none}}@media screen and (max-width: 480px){.humble-hero__heading{font-size:28px}.humble-hero__subheading{font-size:15px}}@media (prefers-color-scheme: dark){.humble-hero[data-color-scheme=auto]{--humble-bg: #1a1a1a;--humble-text: #f5f5f5;--humble-text-muted: #a0a0a0;--humble-border: #333;--humble-white: #2a2a2a}}
/*# sourceMappingURL=/cdn/shop/t/78/assets/section-humble-hero.css.map */