.wb-brand-collage-v2{
    width:100%;
    color:var(--wapu-appearance-text,var(--wb-bc-text));
    font-family:var(--wb-bc-fb);
    background:var(--wapu-appearance-bg,var(--wb-bc-surface));
    overflow:hidden;
}
.wb-brand-collage-v2__inner{
    width:min(100%,var(--wapu-block-layout-max,112rem));
    margin-inline:auto;
    padding:clamp(3rem,5vw,4.5rem) clamp(1rem,2.2vw,2rem) clamp(2.75rem,5vw,4.25rem);
    display:grid;
    gap:clamp(1.75rem,3.5vw,2.75rem);
}
.wb-brand-collage-v2__header{
    display:grid;
    justify-items:center;
    gap:0.55rem;
    max-width:47.5rem;
    margin-inline:auto;
    text-align:center;
}
.wb-brand-collage-v2__eyebrow{
    margin:0;
    color:var(--wapu-appearance-text,var(--wb-bc-text));
}
.wb-brand-collage-v2__title{
    margin:0;
    color:var(--wapu-appearance-title,var(--wb-bc-text));
}
.wb-brand-collage-v2__description{
    margin:0;
    max-width:62ch;
    color:var(--wapu-appearance-muted,var(--wb-bc-muted));
    font-style:italic;
}
.wb-brand-collage-v2__action{margin-top:0.625rem}
.wb-brand-collage-v2__grid{
    display:grid;
    grid-template-columns:repeat(6,minmax(0,1fr));
    align-items:center;
    gap:clamp(0.625rem,1.15vw,1.125rem);
    width:100%;
    min-width:0;
}
.wb-brand-collage-v2__item{
    --wb-bc-stagger-y:0rem;
    min-width:0;
    transform:translateY(var(--wb-bc-stagger-y));
}
.wb-brand-collage-v2__item:nth-child(1){--wb-bc-stagger-y:clamp(1rem,2.3vw,2.25rem)}
.wb-brand-collage-v2__item:nth-child(2){--wb-bc-stagger-y:clamp(-2.375rem,-2.1vw,-1.25rem)}
.wb-brand-collage-v2__item:nth-child(3){--wb-bc-stagger-y:clamp(0.25rem,1vw,1rem)}
.wb-brand-collage-v2__item:nth-child(4){--wb-bc-stagger-y:clamp(-1.5rem,-1.35vw,-0.75rem)}
.wb-brand-collage-v2__item:nth-child(5){--wb-bc-stagger-y:clamp(0.75rem,1.65vw,1.75rem)}
.wb-brand-collage-v2__item:nth-child(6){--wb-bc-stagger-y:clamp(-2.75rem,-2.4vw,-1.5rem)}
.wb-brand-collage-v2__pair{
    display:grid;
    grid-template-rows:minmax(4.25rem,5.5rem) minmax(0,1fr);
    gap:clamp(0.625rem,1vw,0.875rem);
    color:inherit;
    text-decoration:none;
    min-width:0;
}
.wb-brand-collage-v2__item.is-media-first .wb-brand-collage-v2__pair{
    grid-template-rows:minmax(0,1fr) minmax(4.25rem,5.5rem);
}
.wb-brand-collage-v2__pair:focus-visible{
    outline:0.125rem solid var(--wapu-appearance-accent,var(--wb-bc-primary));
    outline-offset:0.25rem;
    border-radius:1rem;
}
.wb-brand-collage-v2__wordmark{
    display:flex;
    align-items:center;
    justify-content:center;
    width:100%;
    min-height:clamp(4.25rem,5.5vw,5.5rem);
    padding:0.625rem 0.375rem;
}
.wb-brand-collage-v2__logo,
.wb-brand-collage-v2__wordmark .wapu-component-image,
.wb-brand-collage-v2__wordmark .wapu-component-image__img{
    display:block;
    width:100%;
    height:auto;
    max-height:clamp(2.75rem,4vw,4.5rem);
    object-fit:contain;
    object-position:center;
}
.wb-brand-collage-v2__brandtext{
    display:block;
    max-width:100%;
    font-family:var(--wb-bc-fh);
    font-size:clamp(1rem,1.6vw,1.75rem);
    font-weight:700;
    line-height:1.05;
    text-align:center;
    color:var(--wapu-appearance-title,var(--wb-bc-text));
}
.wb-brand-collage-v2__photo{
    display:block;
    min-width:0;
    aspect-ratio:4/5;
    overflow:hidden;
    border-radius:var(--wapu-appearance-radius,1rem);
    background:var(--wapu-appearance-surface,var(--wb-bc-soft));
}
.wb-brand-collage-v2__media,
.wb-brand-collage-v2__media img,
.wb-brand-collage-v2__media .wapu-component-image__img,
.wb-brand-collage-v2__photo > .wapu-component-image,
.wb-brand-collage-v2__photo > .wapu-c-responsive-image{
    display:block;
    width:100%;
    height:100%;
    min-height:0;
    object-fit:cover;
}
.wb-brand-collage-v2__media--empty{
    background:linear-gradient(135deg,color-mix(in srgb,var(--wb-bc-soft) 92%,white),color-mix(in srgb,var(--wb-bc-primary) 8%,white));
}
.wb-brand-collage-v2.is-motion-ready .wb-brand-collage-v2__item{
    opacity:0;
    transition:opacity .72s ease,transform .9s cubic-bezier(.22,1,.36,1);
    transition-delay:calc(var(--wb-bc-index,0) * 70ms);
}
.wb-brand-collage-v2.is-motion-ready .wb-brand-collage-v2__item.is-from-bottom{transform:translateY(calc(var(--wb-bc-stagger-y) + 3rem))}
.wb-brand-collage-v2.is-motion-ready .wb-brand-collage-v2__item.is-from-top{transform:translateY(calc(var(--wb-bc-stagger-y) - 3rem))}
.wb-brand-collage-v2.is-motion-ready.is-revealed .wb-brand-collage-v2__item{
    opacity:1;
    transform:translateY(var(--wb-bc-stagger-y));
}
@media (hover:hover){
    .wb-brand-collage-v2__pair:hover .wb-brand-collage-v2__photo{transform:translateY(-0.125rem)}
    .wb-brand-collage-v2__photo{transition:transform .2s ease}
}
@media (max-width:60em){
    .wb-brand-collage-v2__grid{
        grid-template-columns:repeat(3,minmax(0,1fr));
        gap:clamp(1rem,2vw,1.5rem);
    }
    .wb-brand-collage-v2__item:nth-child(n){--wb-bc-stagger-y:0rem}
    .wb-brand-collage-v2__item:nth-child(2),
    .wb-brand-collage-v2__item:nth-child(5){--wb-bc-stagger-y:-1rem}
    .wb-brand-collage-v2__item:nth-child(1),
    .wb-brand-collage-v2__item:nth-child(4){--wb-bc-stagger-y:1rem}
}
@container wapu-block-preview (max-width:60em){
    .wb-brand-collage-v2__grid{
        grid-template-columns:repeat(3,minmax(0,1fr));
        gap:clamp(1rem,2vw,1.5rem);
    }
    .wb-brand-collage-v2__item:nth-child(n){--wb-bc-stagger-y:0rem}
    .wb-brand-collage-v2__item:nth-child(2),
    .wb-brand-collage-v2__item:nth-child(5){--wb-bc-stagger-y:-1rem}
    .wb-brand-collage-v2__item:nth-child(1),
    .wb-brand-collage-v2__item:nth-child(4){--wb-bc-stagger-y:1rem}
}
@media (max-width:40em){
    .wb-brand-collage-v2__inner{padding-inline:1rem}
    .wb-brand-collage-v2__grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:1rem}
    .wb-brand-collage-v2__item:nth-child(n){--wb-bc-stagger-y:0rem}
    .wb-brand-collage-v2__wordmark{min-height:3.875rem}
    .wb-brand-collage-v2__photo{border-radius:calc(var(--wapu-appearance-radius,1rem) * .85)}
}
@container wapu-block-preview (max-width:40em){
    .wb-brand-collage-v2__inner{padding-inline:1rem}
    .wb-brand-collage-v2__grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:1rem}
    .wb-brand-collage-v2__item:nth-child(n){--wb-bc-stagger-y:0rem}
    .wb-brand-collage-v2__wordmark{min-height:3.875rem}
    .wb-brand-collage-v2__photo{border-radius:calc(var(--wapu-appearance-radius,1rem) * .85)}
}
@media (prefers-reduced-motion:reduce){
    .wb-brand-collage-v2.is-motion-ready .wb-brand-collage-v2__item{
        opacity:1;
        transform:none;
        transition:none;
    }
    .wb-brand-collage-v2__photo{transition:none}
}