.dairy-process{min-height:635px;padding:110px 60px;background:var(--siliteh-color-midnight-navy);color:var(--siliteh-color-ghost-white);text-align:center}.dairy-process header{margin-bottom:64px}.dairy-process .home-eyebrow{margin-inline:auto;color:var(--siliteh-color-midnight-navy)}.dairy-process h2{margin:16px 0 0;font-size:58px;font-weight:500;letter-spacing:-1.16px;line-height:1.15}.dairy-process ol{display:grid;grid-template-columns:repeat(5,200px);justify-content:center;gap:40px;margin:0;padding:0;list-style:none}.dairy-process li{position:relative}.dairy-process li>span{display:grid;width:72px;height:72px;margin:0 auto 16px;border-radius:50%;place-items:center;background:var(--siliteh-color-white)}.dairy-process li>span img{width:28px;height:28px}.dairy-process__connector{position:absolute;top:0;left:calc(100% + 1px);width:40px;height:72px}.dairy-process h3{margin:0 0 8px;font-size:24px;line-height:1.4}.dairy-process p{margin:0;color:var(--siliteh-color-light-blue);font-size:14px;line-height:1.25}@media(max-width:1100px){.dairy-process ol{grid-template-columns:repeat(5,minmax(120px,1fr));gap:18px}.dairy-process h2{font-size:clamp(36px,6vw,52px)}}@media(max-width:700px){.dairy-process{min-height:0;padding:72px 24px}.dairy-process ol{grid-template-columns:1fr}.dairy-process li{display:grid;grid-template-columns:72px 1fr;text-align:left}.dairy-process li>span{grid-row:span 2;margin:0 16px 0 0}.dairy-process__connector{display:none}.dairy-process h3{margin-top:4px}.dairy-process p{grid-column:2}}

@media (max-width: 1100px) {
	.dairy-process { min-height: 0; padding: 110px 40px; }
	.dairy-process h2 { font-size: 58px; }
	.dairy-process ol { grid-template-columns: 200px; gap: 88px; }
	.dairy-process li { display: flex; align-items: center; flex-direction: column; text-align: center; }
	.dairy-process li > span { margin: 0 0 16px; }
	.dairy-process__connector { position: absolute; top: calc(100% + 32px); left: 50%; display: block; width: 24px; height: 24px; margin: 0; transform: translateX(-50%) rotate(90deg); }
	.dairy-process__connector img { display: block; width: 24px; height: 2px; }
	.dairy-process p { grid-column: auto; }
}

@media (max-width: 560px) {
	.dairy-process { padding: 60px 20px; }
	.dairy-process h2 { font-size: 28px; }
}