Why is my home page body class enormous?

Hello!

I'm using custom CSS so I can have better control over the flexboxes used in our business home page's list of services.

Link to site: https://www.evergreen-creative.com/

CONTEXT: I originally set up the code to affect ALL lists on any pages they're used on, because at the time we didn't plan on using lists anywhere else on the site. Now, because we're adding new pages that will use simple lists, I need to tweak the existing code to only affect the simple list on the home page.

ACTUAL PROBLEM: After looking through a variety of tutorials on how to make the code specific to the body class of the home page, I opened the home page and inspected it, then went to look for the body class. The tutorials often showed screenshots of example body classes, usually "home" or "homepage" etc.

This is what my home page's body class is:

Could somebody help me understand why the body class for my site's home page is so long? I'm not sure what affects this. To be honest, I come from a Wordpress/Webflow background so I'm used to having MUCH more control over all of these things.

Let me know where I'm going wrong here - thank you!

13 hours ago, aleclambert said:

Could somebody help me understand why the body class for my site's home page is so long? I'm not sure what affects this.

This is normal on a Squarespace website, I can't explain exactly why, it's part of the setup.

You can use .homepage to target the homepage in CSS, or the collection ID for your homepage: #collection-660ec288f15291327197b220, or the section ID for that list: section[data-section-id="667b027b6858051223d8c241"]