[data-currentpage]:is([data-currentpage="photoproject"]) {
    .hero-item {
        margin-bottom: calc(var(--unit) * 3);

        @media  screen and (min-width: 600px) {
            margin-bottom: calc(var(--unit) * 6);
        }
    }
}