/* Anvil Child — Sector projects slider */
.acm-projects { background: #fff; color: var(--p3); padding: 0 40px; }
.acm-projects-y { padding: 100px 0; }
.acm-projects-head { margin-bottom: 50px; max-width: 820px; }
.acm-projects-eyebrow { display: inline-block; background: var(--s1); color: var(--p3); font-family: var(--f-mono); font-size: 11px; font-weight: 700; letter-spacing: 0.14em; text-transform: uppercase; padding: 7px 12px; margin-bottom: 14px; }
.acm-projects-h2 { font-family: var(--f-display); font-weight: 800; font-size: clamp(32px, 4vw, 56px); letter-spacing: -0.02em; margin: 0; color: var(--p3); }
.acm-projects-lede { font-family: var(--f-body); font-size: 16px; line-height: 1.6; color: var(--ink-soft); margin: 18px 0 0; }

.acm-project-card { display: block; color: var(--p3); text-decoration: none; height: 100%; }
.acm-project-img { height: 300px; overflow: hidden; background: var(--p1-tint); }
.acm-project-img img { width: 100%; height: 100%; object-fit: cover; display: block; transition: transform 500ms ease; }
.acm-project-card:hover .acm-project-img img { transform: scale(1.04); }
.acm-project-body { padding: 20px 0 0; }
.acm-project-meta { display: flex; justify-content: space-between; align-items: center; margin-bottom: 12px; }
.acm-project-code { font-size: 11px; color: var(--p1); }
.acm-project-loc { font-size: 11px; color: var(--ink-soft); }
.acm-project-name { font-family: var(--f-display); font-weight: 700; font-size: 22px; line-height: 1.2; letter-spacing: -0.01em; margin: 0; color: var(--p3); }

.acm-projects-cta { margin-top: 36px; display: inline-flex; align-items: center; gap: 10px; padding: 16px 22px; background: var(--s1); color: var(--p3); font-family: var(--f-display); font-weight: 700; font-size: 13px; letter-spacing: 0.12em; text-transform: uppercase; text-decoration: none; }
.acm-projects-empty { color: var(--ink-soft); }
.acm-projects .splide__pagination__page.is-active { background: var(--s1); }
.acm-projects .splide__arrow { background: var(--p3); opacity: 1; }
.acm-projects .splide__arrow svg { fill: #fff; }
@media (max-width: 600px) { .acm-projects-y { padding: 64px 0; } }
