@media (max-width: 991px) {

    .beaumier-intro-text__body--collapsed {
        display: -webkit-box;
        -webkit-line-clamp: 8;
        -webkit-box-orient: vertical;
        overflow: hidden;
    }
}

/* BEAW-234: desktop tightens the gap below the intro copy - fixed 90/30 instead
   of the symmetric fluid padding. Mobile keeps the clamp above. */

.beaumier-intro-text__title {
    margin: 0 0 44px;
    font-family: 'FuturaLTPro-BoldCond', Arial, sans-serif;
    font-size: clamp(40px, 7vw, 96px);
    line-height: clamp(36px, 6vw, 88px);
    text-transform: uppercase;
    color: #111111;
}

/* BEAW-169: pin the intro title to 88px on large desktop regardless of which
   heading-size-1..6 (Style As) class the editor picked. Scoped to the title
   heading only - the eyebrow is also a heading, so it is excluded. */

    .beaumier-intro-text__toggle[hidden] {
        display: none !important;
    }