/* Size the headline against its actual Bootstrap column, not the viewport. */
.wilco-hero-title { container-type: inline-size; width: 100%; min-width: 0; }
.wilco-hero-heading {
    font-size: clamp(24px, 11.5cqw, 150px);
    line-height: 1.05;
    letter-spacing: -.055em;
    text-transform: uppercase;
    white-space: nowrap;
    margin: 0 0 20px;
    padding: 0;
    overflow: hidden;
}
.sec-1-home-2 .at-hero-social { display: flex; flex-wrap: wrap; gap: 8px; }
.sec-1-home-2 .at-hero-social + p { max-width: 100%; overflow-wrap: anywhere; }
.sec-2-home-2 img[src$="icon-grey.svg"] {
    width: 16px;
    height: 32px;
    max-width: 16px;
    object-fit: contain;
    filter: none;
    box-shadow: none;
    transition: transform .2s ease, filter .2s ease;
}
@media (hover: hover) {
    .sec-2-home-2 img[src$="icon-grey.svg"]:hover {
        transform: translateY(-3px) scale(1.08);
        filter: brightness(.55);
    }
}
@media (max-width: 575.98px) {
    .sec-2-home-2 img[src$="icon-grey.svg"] { width: 12px; height: 24px; }
}
@media (prefers-reduced-motion: reduce) {
    .wilco-hero-heading.at-title-text span,
    .wilco-hero-title:hover .wilco-hero-heading.at-title-text span {
        translate: none;
        text-shadow: none;
        transition: none;
    }
    .sec-2-home-2 img[src$="icon-grey.svg"] { transition: none; }
    .sec-2-home-2 img[src$="icon-grey.svg"]:hover { transform: none; }
}