.hero-preservatives{height:auto;min-height:100svh;max-height:none;display:block}.hero-preservatives:before{background:linear-gradient(90deg,#0b0c0c 0%,#0b0c0ced 28%,#0b0c0c85 51%,#0000 80%),linear-gradient(#0000 78%,#0b0c0c);inset:79px 0 0}.hero-preservatives .hero-copy{box-sizing:border-box;width:min(760px,60%);margin:0;padding:174px 0 100px max(56px,50vw - 700px)}.hero-preservatives .eyebrow{color:#e9a385;letter-spacing:.2em;margin-bottom:35px;font-size:11px}.hero-preservatives h1{letter-spacing:-.06em;margin:0 0 22px;font-size:clamp(76px,7.8vw,120px);line-height:.9}.hero-preservatives .hero-promise{font:italic 400 clamp(38px,4.4vw,68px)/1.06 var(--serif);letter-spacing:-.055em;color:var(--ember);margin:0 0 26px}.hero-preservatives .hero-promise span{display:block}.hero-preservatives .hero-desc{color:#d5cdc4;width:100%;max-width:555px;margin:0 0 34px;font-size:17px;line-height:1.65}.hero-preservatives .hero-values{grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;max-width:650px;margin:0 0 46px;padding:0;list-style:none;display:grid}.hero-preservatives .hero-values li{align-items:flex-start;gap:13px;min-width:0;display:flex}.hero-preservatives .hero-values li+li{border-left:1px solid #b8937040;padding-left:16px}.hero-preservatives .hero-values svg{fill:none;stroke:#e9a385;stroke-width:1.3px;stroke-linecap:round;stroke-linejoin:round;border:1px solid #e9a385;border-radius:50%;flex:0 0 49px;width:49px;height:49px;padding:6px}.hero-preservatives .hero-values h2{font:700 10px/1.65 var(--sans);letter-spacing:.16em;text-transform:uppercase;color:#e9a385;margin:2px 0 9px}.hero-preservatives .hero-values p{color:#c7bfb6;margin:0;font-size:12px;line-height:1.6}.hero-preservatives .hero-actions{flex-wrap:nowrap;gap:12px}.hero-preservatives .hero-actions .btn{white-space:nowrap;padding-inline:26px}.hero-preservatives .hero-visual{opacity:1;position:absolute;inset:79px 0 0 34%}.hero-preservatives .hero-visual img{object-position:59% 40%;filter:brightness(.9)contrast(1.02)saturate(.92);width:100%;height:100%}.hero-preservatives .hero-visual:after{background:linear-gradient(90deg,#0b0c0c80,#0000 45%),linear-gradient(#0000 74%,#0b0c0c)}@media (max-width:1100px){.hero-preservatives .hero-copy{width:68%;padding:155px 0 80px 44px}.hero-preservatives h1{font-size:clamp(72px,8.5vw,94px)}.hero-preservatives .hero-promise{font-size:clamp(40px,4.7vw,52px)}.hero-preservatives .hero-desc{max-width:510px;font-size:16px}.hero-preservatives .hero-values{gap:12px}.hero-preservatives .hero-values li{flex-direction:column;gap:9px}.hero-preservatives .hero-values li+li{padding-left:12px}.hero-preservatives .hero-values h2{margin-top:0}.hero-preservatives .hero-visual{left:32%}}@media (max-width:800px){.hero-preservatives:before{background:linear-gradient(90deg,#0b0c0cf2,#0b0c0cb8 55%,#0b0c0c38),linear-gradient(#0000 55%,#0b0c0c);inset:74px 0 0}.hero-preservatives .hero-copy{width:100%;max-width:690px;padding-right:32px}.hero-preservatives .hero-visual{inset:74px 0 0 30%}.hero-preservatives .hero-values{max-width:570px}.hero-preservatives .hero-values li{flex-direction:row}}@media (max-width:700px){.hero-preservatives{min-height:0;padding-bottom:0}.hero-preservatives:before{inset:67px 0 0}.hero-preservatives .hero-copy{padding:127px 21px 64px}.hero-preservatives .eyebrow{letter-spacing:.16em;margin-bottom:29px;font-size:9px}.hero-preservatives h1{letter-spacing:-.055em;margin-bottom:20px;font-size:clamp(46px,12.5vw,80px);line-height:.98}.hero-preservatives .hero-promise{margin-bottom:24px;font-size:clamp(29px,7.3vw,47px);line-height:1.12}.hero-preservatives .hero-desc{max-width:460px;margin-bottom:28px;font-size:14px;line-height:1.8}.hero-preservatives .hero-values{grid-template-columns:1fr;gap:17px;margin-bottom:31px}.hero-preservatives .hero-values li{flex-direction:row;align-items:center;gap:14px}.hero-preservatives .hero-values li+li{border-left:0;padding-left:0}.hero-preservatives .hero-values svg{flex-basis:44px;width:44px;height:44px}.hero-preservatives .hero-values h2{margin:0 0 3px;font-size:10px}.hero-preservatives .hero-values p{font-size:12px}.hero-preservatives .hero-actions{flex-direction:column;align-items:stretch;gap:11px;max-width:360px}.hero-preservatives .hero-actions .btn{justify-content:space-between;min-height:50px;padding-inline:20px;display:flex}.hero-preservatives .hero-visual{opacity:.7;inset:67px -20% 0 12%}.hero-preservatives .hero-visual img{object-position:59% 30%}}
