
.brand-banner-directory{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:16px!important}
.brand-banner-entry{min-width:0}.brand-banner-entry>a{display:block}
.brand-banner-entry picture,.brand-collection-banner picture{display:block}
.brand-banner-entry img,.brand-collection-banner img{display:block;width:100%;height:auto;object-fit:contain}
.brand-introduction-link{display:inline-block;padding:14px 0;font-size:12px;line-height:20px;min-height:44px;box-sizing:border-box;color:inherit;text-decoration:none}
.brand-collection-banner{margin:0 0 20px}.brand-introduction-link{padding-left:16px;padding-right:16px}
.brand-collection-page>.bc-cover,.brand-collection-page>.bc-profile-head{display:none!important}
@media(max-width:999px){.brand-banner-directory{grid-template-columns:minmax(0,1fr)!important;gap:6px!important}[data-screen="brands"] .bc-directory{padding-left:8px;padding-right:8px}.brand-collection-banner{margin-bottom:12px}}

/* A brand collection starts with its banner, without the MEIAI home modules. */
.brand-products-only>.sh-shop-intro,.brand-products-only>.mp-home,.brand-products-only>.mp-back-home,.brand-products-only>.mp-catalog-heading,.brand-products-only>.nd-sticky{display:none!important}
.brand-products-screen .np-banner{display:none!important}
.brand-collection-banner{position:relative}
.brand-collection-banner>.brand-introduction-link{position:absolute;right:12px;bottom:12px;min-height:36px;padding:8px 12px;background:rgba(255,255,255,.94);color:#354d58;border-radius:3px;font-size:12px;line-height:20px;box-shadow:0 1px 4px #0001}
.brand-collection-banner>.brand-introduction-link:hover{text-decoration:underline}
@media(max-width:999px){.brand-collection-banner>.brand-introduction-link{right:8px;bottom:8px;padding:5px 9px;min-height:30px;font-size:11px}}
.brand-products-screen .me-shop-entry,.brand-products-screen .me-follow-grid{display:none!important}

[data-screen="brands"] .bc-directory>p:not(.bc-eyebrow){display:none}

.brand-coming-heading{grid-column:1/-1;margin:24px 0 8px;font-size:20px;line-height:1.5}.brand-live-art{position:relative;aspect-ratio:5/1;overflow:hidden;background:#e9efec}.brand-live-art>img{width:100%;height:100%;object-fit:cover;object-position:center 30%}.brand-live-art>span{position:absolute;left:4%;top:20%;padding:8px 16px;background:#fffffff0;color:#354d58;font-size:22px;line-height:1.3}.brand-live-art small{display:block;font-size:11px;margin-top:4px}@media(max-width:999px){.brand-banner-entry .brand-live-art{aspect-ratio:1200/520}.brand-live-art>span{font-size:18px}}

/* Brand introduction cards reuse the supplied editorial artwork and logos. */
.brand-intro-card{height:100%;display:flex!important;flex-direction:column;border:1px solid var(--line,#e0dedb);background:var(--bg,#fff);color:var(--text,#354d58);text-decoration:none;overflow:hidden;box-sizing:border-box}
.brand-card-art{display:block;aspect-ratio:1200/560;background:#f5f2ee}
.brand-card-art>img{display:block;width:100%;height:100%;object-fit:contain}
.brand-card-bar{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:14px 16px 10px;border-top:1px solid var(--line,#e0dedb);min-height:68px;box-sizing:border-box}
.brand-card-logo{display:flex;align-items:center;min-width:0;max-width:56%;height:42px}
.brand-card-logo>img{display:block;max-width:100%;width:auto;height:auto;max-height:42px;object-fit:contain}
.brand-card-logo>strong{font-size:16px;line-height:1.25;overflow-wrap:anywhere}
.brand-card-meta{max-width:44%;text-align:right;font-size:11px;line-height:1.6;color:var(--muted,#77818a)}
.brand-card-meta>b{display:block;color:var(--text,#354d58);font-size:13px;font-weight:600}
.brand-card-description{display:block;margin-top:auto;padding:0 16px 14px;font-size:12px;line-height:1.8;color:var(--muted,#77818a)}
.brand-intro-card:focus-visible{outline:2px solid #7eaeb5;outline-offset:3px}
@media(hover:hover){.brand-intro-card:hover{border-color:#7eaeb5}}
@media(min-width:1200px){.brand-banner-directory{grid-template-columns:repeat(3,minmax(0,1fr))!important}}
@media(max-width:999px){.brand-banner-directory{gap:16px!important}[data-screen="brands"] .bc-directory{padding-left:12px;padding-right:12px}}
