#manufacturing{display:block;margin:0;clip-path:none;background:#f8f3e9;color:#352015;padding:85px 5.5% 75px;overflow:hidden}
.manufacturing-heading{display:grid;grid-template-columns:1.7fr 1fr;gap:6%;align-items:center}
#manufacturing .eyebrow{color:#795133;margin-bottom:24px}
#manufacturing h2{font-family:var(--serif);font-size:clamp(2.3rem,4vw,4.6rem);font-weight:400;line-height:1.08}
.manufacturing-heading>p{font-size:18px;line-height:1.55;color:#6e5748}
.manufacturing-stage{position:relative;isolation:isolate;height:clamp(440px,40vw,610px);margin:35px -1.5% 20px;overflow:hidden}
.cocoa-particles{position:absolute;inset:0;width:100%;height:100%;z-index:0;pointer-events:none}
.manufacturing-clip{position:absolute}
.manufacturing-panorama{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;clip-path:url(#manufacturing-aperture);z-index:1}
.manufacturing-current{position:absolute;right:1%;top:5%;width:17%;z-index:2;background:#f8f3e9e8;border-radius:20px;padding:10px}
.manufacturing-stage strong{display:block;font:400 clamp(3.5rem,6vw,6.5rem)/1 var(--serif);color:#352015}
.manufacturing-stage span{display:block;font-size:20px;line-height:1.3}
.manufacturing-stage p{font-size:16px;line-height:1.35;color:#6e5748;margin-top:8px}
.manufacturing-capacities{position:absolute;left:2%;bottom:1%;width:58%;display:grid;grid-template-columns:1fr 1fr;gap:30px;align-items:end;z-index:2;background:#f8f3e9e8;border-radius:20px;padding:12px}
.manufacturing-capacities>div+div{border-left:1px solid #bc9875;padding-left:35px}
.manufacturing-capacities small{font-size:18px;display:block;line-height:1}
@media(max-width:700px){#manufacturing{padding:65px 6%}.manufacturing-heading{grid-template-columns:1fr;gap:25px}.manufacturing-heading>p{font-size:16px}.manufacturing-stage{height:auto;padding:0 0 15px;margin:25px -2% 20px;display:flex;flex-direction:column;gap:22px}.manufacturing-panorama{position:relative;height:260px;clip-path:none;border-radius:65px 22px 65px 22px;width:94%;margin:12px auto;object-position:center}.manufacturing-current{position:relative;right:auto;top:auto;width:auto;margin:0 4%;padding:0;background:transparent}.manufacturing-capacities{position:relative;left:auto;bottom:auto;width:auto;margin:0 4%;gap:18px;padding:0;background:transparent}.manufacturing-capacities>div+div{padding-left:18px}.manufacturing-stage strong{font-size:52px}.manufacturing-stage span{font-size:17px}.manufacturing-stage p{font-size:14px}.manufacturing-current strong{display:inline-block;margin-right:12px}.manufacturing-current span{display:inline-block}.cocoa-particles{height:285px}}