/* engage.css — section padding, heading style and .section-intro come
   from all.css. The .rule-item rules use currentColor, so they pick up white
   on the .alternate section and blue elsewhere without an override. */

#GlobalNavWrapper {
    --hero-image: url("../../assets/image9.jpg");
}

#ways-to-engage {
    /* The orange rule carries over from the prototype's closing band. */
    border-top: 6px solid var(--titan-orange);

    /* Larger than a standard section heading — this is the closing call. */
    h2 {
        font-size: clamp(34px, 4.2vw, 56px);
        line-height: 1.05;
    }

    .engage-contact {
        display: flex;
        flex-wrap: wrap;
        gap: 20px;
        align-items: center;
        margin-top: var(--space-xl);
        font-size: 1.05rem;

        a:not(.cta) {
            color: white;
            font-weight: 700;
        }
    }
}