.promo-banner[hidden]{display:none}
.market-hero>.promo-banner{position:absolute;z-index:4;inset-block-start:50%;inset-inline-end:clamp(16px,2.4vw,46px);transform:translateY(-50%);width:min(25%,326px);margin:0;color:#fff;background:#27213f;border:2px solid #fff;border-radius:10px;overflow:hidden}
.market-hero:has(>.promo-banner:not([hidden]))>.hero-honest-badge{visibility:hidden}
.promo-banner-panel{display:grid;grid-template-columns:minmax(0,1fr) 28%;position:relative}
.promo-banner-copy{padding:14px}
.promo-banner-kicker{color:#d5eb96;font-size:9px;font-weight:850;letter-spacing:.08em}
.promo-banner h2{font-size:clamp(15px,1.25vw,22px);line-height:1.16;margin:6px 0}
.promo-banner p{color:#eee9fa;font-size:12px;line-height:1.35;margin:0 0 10px;display:-webkit-box;-webkit-line-clamp:4;-webkit-box-orient:vertical;overflow:hidden}
.promo-banner-link{display:inline-flex;align-items:center;min-height:36px;padding:5px 9px;background:#e0f4ab;color:#25213b;border-radius:6px;font-size:12px;font-weight:800}
.promo-banner-panel img{position:absolute;inset:0 0 0 auto;width:28%;height:100%;object-fit:cover}
.promo-banner-controls{display:flex;align-items:center;justify-content:center;gap:6px;padding:5px;border-top:1px solid #ffffff30;font-size:11px}
.promo-banner-controls button{background:#fff;color:#332754;border:0;border-radius:5px;padding:5px;font:inherit;min-height:28px}
@media(max-width:820px){
 .market-hero>.promo-banner{inset-block-start:3px;inset-inline-end:12px;transform:none;width:auto;max-width:calc(100% - 24px);display:flex;border-width:1px}
 .market-hero>.promo-banner[hidden]{display:none}
 .promo-banner-panel,.promo-banner-copy{display:flex;align-items:center;min-width:0}
 .promo-banner-copy{padding:0 4px;gap:5px}
 .promo-banner h2{font-size:10px;margin:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
 .promo-banner p,.promo-banner-kicker,.promo-banner-panel img,.promo-banner-controls span{display:none}
 .promo-banner-link{white-space:nowrap;min-height:24px;font-size:10px;padding:2px 5px}
 .promo-banner-controls{padding:0 3px;gap:3px;border:0;flex-shrink:0}
 .promo-banner-controls button{min-height:24px;font-size:9px;padding:2px}
}

.market-hero>.promo-banner:has(.promo-banner-residents){width:min(35%,390px)}
.promo-banner-residents{grid-template-columns:minmax(0,1fr) 35%}
.promo-banner-residents img{width:35%;background:#1e192f}
.promo-banner-residents p{display:block;overflow:visible}
@media(max-width:820px){
 .market-hero>.promo-banner:has(.promo-banner-residents){width:auto}
 .promo-banner-residents img{display:block;position:static;width:42px;height:28px;flex-shrink:0}
 .promo-banner-residents p{display:none}
 .promo-banner-residents h2{white-space:normal}
 .promo-banner-residents .promo-banner-link{font-size:9px}
}

@media(min-width:821px){
 .market-hero>.promo-banner:has(.promo-banner-residents){width:min(37%,420px)}
 .promo-banner-panel.promo-banner-residents{display:flex;flex-direction:column}
 .promo-banner-residents img{position:static;order:-1;width:100%;height:auto;aspect-ratio:800/330;max-height:150px}
}