.zs-brand {
display: grid;
grid-template-columns: 3fr 2fr;
gap: 1.25rem;
align-items: stretch;
width: 100vw;
max-width: 100vw;
margin-inline: calc(50% - 50vw);
margin-block: 1.5rem 2rem;
padding-inline: 3rem;
font-family: var(--zs-text, Inter), sans-serif;
color: var(--zs-dark, #2F4858);
} .zs-brand__banner {
line-height: 0;
overflow: hidden;
}
.zs-brand__banner img {
display: block;
width: 100%;
height: 100%;
max-height: 34rem;
object-fit: cover;
} .zs-brand__side {
display: grid;
grid-template-rows: 1fr auto;
gap: 1.25rem;
min-height: 0;
}
.zs-brand__intro {
display: flex;
flex-direction: column;
gap: 1.25rem;
min-height: 0;
padding: 2rem;
background: var(--zs-tint, #F4F6F7);
}
.zs-brand__logo {
flex: 0 0 auto;
line-height: 0;
}
.zs-brand__logo img {
display: block;
width: auto;
height: auto;
max-width: 12rem;
max-height: 3.5rem;
object-fit: contain;
} .zs-brand__text {
flex: 1 1 auto;
min-height: 0;
overflow-y: auto;
font-size: 1rem;
line-height: 1.65;
}
.zs-brand__text p {
margin: 0 0 0.875rem;
}
.zs-brand__text p:last-child {
margin-bottom: 0;
}
.zs-brand__text a {
color: var(--zs-accent, #F43C12);
} .zs-brand__certs-box {
padding: 1.5rem 2rem;
background: var(--zs-tint, #F4F6F7);
}
.zs-brand__certs-title {
margin: 0 0 1rem;
font-family: var(--zs-head, Play), sans-serif;
font-size: 0.875rem;
font-weight: 700;
text-transform: uppercase;
letter-spacing: 0.06em;
color: var(--zs-muted, #8FA0AC);
}
.zs-brand__certs {
display: flex;
flex-wrap: wrap;
gap: 0.75rem;
margin: 0;
padding: 0;
list-style: none;
}
.zs-brand__cert {
display: flex;
flex-direction: column;
align-items: center;
gap: 0.375rem;
width: 5rem;
text-align: center;
}
.zs-brand__cert img {
display: block;
width: 100%;
height: 3rem;
object-fit: contain;
}
.zs-brand__cert span {
font-size: 0.6875rem;
font-weight: 600;
line-height: 1.3;
color: var(--zs-muted, #8FA0AC);
} .zs-brand__cert--text {
width: auto;
padding: 0.5rem 0.75rem;
border: 0.0625rem solid var(--zs-line, #DFE5E8);
background: #fff;
font-size: 0.75rem;
font-weight: 600;
line-height: 1.2;
color: var(--zs-dark, #2F4858);
} .zs-brand--no-banner {
grid-template-columns: 1fr;
}
.zs-brand--no-banner .zs-brand__side {
grid-template-rows: auto auto;
}
.zs-brand--no-banner .zs-brand__text {
overflow: visible;
} @media (max-width: 61.25rem) {
.zs-brand {
grid-template-columns: 1fr;
gap: 1rem;
}
.zs-brand__banner img {
max-height: 20rem;
} .zs-brand__side {
grid-template-rows: auto auto;
}
.zs-brand__text {
overflow: visible;
}
}
@media (max-width: 48rem) {
.zs-brand__intro {
padding: 1.25rem;
}
.zs-brand__certs-box {
padding: 1.25rem;
}
.zs-brand__banner img {
max-height: 14rem;
}
}