/* Quiet, responsive brand wall. Named optical sizes, no positional selectors. */
.tenants.tenant-showcase { background: #f2ede7; padding-top: 72px; padding-bottom: 64px; }
.tenant-intro { max-width: 680px; margin: 0 auto 36px; text-align: center; }
.tenant-intro .eyebrow { margin: 0 0 12px; }
.tenant-intro h2 { margin: 0 auto 16px; font-size: clamp(32px,3.2vw,46px); line-height: 1.08; max-width: 580px; }
.tenant-intro p:not(.eyebrow) { margin: 0; color: #536058; font-size: 16px; line-height: 1.5; }
.tenant-wall { display: flex; flex-wrap: wrap; justify-content: center; max-width: 1160px; margin: 0 auto; padding: 24px 0 0; border-top: 1px solid #d8d1c7; row-gap: 28px; }
.tenant-mark { --logo-width: 130px; --logo-height: 70px; flex: 0 0 16.666667%; min-width: 0; margin: 0; padding: 0 12px; display: flex; flex-direction: column; align-items: center; gap: 10px; text-align: center; }
.tenant-logo { width: 100%; height: 82px; display: flex; align-items: center; justify-content: center; }
.tenant-logo img { display: block; width: auto; height: auto; max-width: min(var(--logo-width),100%); max-height: var(--logo-height); object-fit: contain; }
.tenant-mark > span { color: #536058; font-size: 12px; line-height: 1.4; min-height: 34px; max-width: 160px; letter-spacing: 0; text-transform: none; font-weight: 500; }
.tenant-mark[data-brand="lets-relax"] { --logo-width: 150px; }
.tenant-mark[data-brand="pruek"] { --logo-width: 136px; }
.tenant-mark[data-brand="pruek"] img { padding: 12px 14px; background: #15372e; border-radius: 4px; }
.tenant-mark[data-brand="cholos"] { --logo-height: 74px; }
.tenant-mark[data-brand="cholos"] img { border-radius: 50%; }
.tenant-mark[data-brand="frickin"] { --logo-width: 150px; }
.tenant-mark[data-brand="seven-eleven"] { --logo-height: 64px; }
.tenant-mark[data-brand="deus"] { --logo-width: 162px; }
.tenant-mark[data-brand="ex24"] { --logo-width: 106px; }
.tenant-mark[data-brand="sol-juice"] { --logo-height: 68px; }
@media (max-width: 1100px) {
 .tenant-mark { flex-basis: 25%; }
}
@media (max-width: 600px) {
 .tenants.tenant-showcase { padding: 44px 16px 32px; }
 .tenant-intro { margin-bottom: 24px; }
 .tenant-intro h2 { max-width: 340px; font-size: 32px; margin-bottom: 12px; }
 .tenant-intro p:not(.eyebrow) { max-width: 290px; margin: auto; font-size: 15px; }
 .tenant-wall { padding-top: 22px; row-gap: 20px; }
 .tenant-mark { flex-basis: 33.333333%; padding: 0 7px; gap: 8px; --logo-height: 62px; }
 .tenant-logo { height: 66px; }
 .tenant-mark > span { font-size: 12px; min-height: 34px; }
 .tenant-mark[data-brand="cholos"] { --logo-height: 62px; }
 .tenant-mark[data-brand="seven-eleven"] { --logo-height: 54px; }
 .tenant-mark[data-brand="sol-juice"] { --logo-height: 58px; }
 .tenant-mark[data-brand="pruek"] img { padding: 10px 9px; }
}
@media (max-width: 350px) {
 .tenant-mark { flex-basis: 50%; }
}