/* Block-specific CSS is intentionally light. Shared layout, spacing, grid, card and button utilities should live globally. */
.block-hero-intro .section-intro { max-width: 760px; margin-inline: auto; }
.block-hero-intro .image-fluid { width: 100%; height: auto; display: block; }
.block-hero-intro .split--hero { align-items: center; gap:10rem}
.block-hero-intro__content { max-width: 620px; }

/*.block-hero-intro{position: relative;}
.block-hero-intro:after{background: linear-gradient(-0deg, transparent 0%, white 100%);position: absolute;top:0;left:0;width:100%;height:100%;content:""}
.block-hero-intro .in{position: relative;z-index: 1}*/

.block-hero-intro .logo-row-intro{margin-top:2rem;}

@media (max-width: 900px) {
.block-hero-intro .logo-row-intro{margin-top:2rem;}
	.block-hero-intro .split--hero { gap:3rem}
}



.block-hero-intro .logo-row {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    gap: 2rem;
}

.block-hero-intro .logo-row > * {
    flex: 1 1 80px;
    max-width: 110px;
}

.block-hero-intro .logo-row img{width:100%;height:auto;}