.multi-image-component{--multi-image-bg-color:transparent;--multi-image-fg-color:var(--primary-color-fg);display:grid;padding-block:32px;width:100%;height:260px;background-color:var(--multi-image-bg-color);color:var(--multi-image-fg-color)}
@media(min-width:768px){.multi-image-component{height:614px}
}
@media(min-width:1024px){.multi-image-component{padding-block:80px;height:710px}
}
.multi-image-component.bg-primary{--multi-image-bg-color:var(--primary-color-bg);--multi-image-fg-color:var(--primary-color-fg)}
.multi-image-component.bg-secondary{--multi-image-bg-color:var(--secondary-color-bg);--multi-image-fg-color:var(--secondary-color-fg)}
.multi-image-component.bg-tertiary{--multi-image-bg-color:var(--tertiary-color-bg);--multi-image-fg-color:var(--tertiary-color-fg)}
.multi-image-component__one{display:grid;grid-template-columns:100%;grid-template-areas:'one'}
.multi-image-component__one .multi-image-component__item-one{grid-area:one}
.multi-image-component__one .multi-image-component__item-one img{width:100%;height:197px;object-fit:cover}
@media(min-width:768px){.multi-image-component__one .multi-image-component__item-one img{height:552px}
}
.multi-image-component--full{height:auto}
@media(min-width:768px){.multi-image-component--full{height:auto}
}
.multi-image-component--full .multi-image-component__item-one img{height:auto}
@media(min-width:768px){.multi-image-component--full .multi-image-component__item-one img{height:auto}
}
.multi-image-component__two{display:grid;grid-template-columns:1fr 2fr;grid-template-areas:'two one' 'two one';gap:var(--multi-image-gap-items);margin-bottom:var(--multi-image-gap-items)}
@media(min-width:768px){.multi-image-component__two{grid-template-columns:1.16fr 2fr;margin-bottom:0}
}
@media(min-width:1024px){.multi-image-component__two{grid-template-columns:.94fr 2fr}
}
@media(min-width:1280px){.multi-image-component__two{grid-template-columns:.96fr 2fr}
}
.multi-image-component__two .multi-image-component__item-one{grid-area:one}
.multi-image-component__two .multi-image-component__item-one img{width:100%;object-fit:cover;height:197px}
@media(min-width:768px){.multi-image-component__two .multi-image-component__item-one img{height:552px}
}
.multi-image-component__two .multi-image-component__item-two{grid-area:two}
.multi-image-component__two .multi-image-component__item-two img{width:100%;height:197px;object-fit:cover}
@media(min-width:768px){.multi-image-component__two .multi-image-component__item-two img{height:552px}
}
.multi-image-component__three{display:grid;grid-template-columns:2fr 1fr;grid-template-areas:'one two' 'one three';gap:var(--multi-image-gap-items);margin-bottom:var(--multi-image-gap-items)}
@media(min-width:768px){.multi-image-component__three{grid-template-columns:2fr 1.14fr;margin-bottom:0}
}
@media(min-width:1024px){.multi-image-component__three{grid-template-columns:2fr .94fr}
}
@media(min-width:1280px){.multi-image-component__three{grid-template-columns:2fr .96fr}
}
.multi-image-component__three .multi-image-component__item-one{grid-area:one}
.multi-image-component__three .multi-image-component__item-one img{width:100%;height:197px;object-fit:cover}
@media(min-width:768px){.multi-image-component__three .multi-image-component__item-one img{height:553px}
}
.multi-image-component__three .multi-image-component__item-two{grid-area:two}
.multi-image-component__three .multi-image-component__item-two img{width:100%;height:94px;object-fit:cover}
@media(min-width:768px){.multi-image-component__three .multi-image-component__item-two img{height:264px}
}
.multi-image-component__three .multi-image-component__item-three{grid-area:three}
.multi-image-component__three .multi-image-component__item-three img{width:100%;height:94px;object-fit:cover}
@media(min-width:768px){.multi-image-component__three .multi-image-component__item-three img{height:264px}
}
.multi-image{--multi-image-gap-items:16px}
@media(min-width:768px){.multi-image{--multi-image-gap-items:32px}
}
@media(min-width:1024px){.multi-image{--multi-image-gap-items:32px}
}
.multi-image:has(.multi-image-component.bg-primary) + .multi-image:has(.multi-image-component.bg-primary),.multi-image:has(.multi-image-component.bg-secondary) + .multi-image:has(.multi-image-component.bg-secondary),.multi-image:has(.multi-image-component.bg-tertiary) + .multi-image:has(.multi-image-component.bg-tertiary){margin-top:-32px}
@media(min-width:1024px){.multi-image:has(.multi-image-component.bg-primary) + .multi-image:has(.multi-image-component.bg-primary),.multi-image:has(.multi-image-component.bg-secondary) + .multi-image:has(.multi-image-component.bg-secondary),.multi-image:has(.multi-image-component.bg-tertiary) + .multi-image:has(.multi-image-component.bg-tertiary){margin-top:-80px}
}