/* V4.1 brand portfolio additions. Scoped to brand cards and profile pages. */
.brands-showcase-intro{max-width:760px;margin:-15px 0 30px;color:#60727e;font-size:15px;line-height:1.75}
.brand-showcase-grid,.brand-directory-grid{grid-template-columns:repeat(3,minmax(0,1fr));align-items:stretch}
.brand-showcase-card,.brand-directory-card{min-height:395px;padding:22px 20px 18px}
.brand-showcase-description{margin:0 0 20px;color:#60727e;font-size:13px;line-height:1.7}
.brand-showcase-logo--wordmark{flex-wrap:wrap}
.brand-showcase-logo--wordmark strong{color:#173f59;font-size:24px;letter-spacing:.02em}
.brand-showcase-card .brand-showcase-actions{grid-template-columns:1fr 1fr;margin-top:auto}
.brand-showcase-card .brand-showcase-primary{grid-column:1/-1;min-height:46px;background:#0c5e8c;border-color:#0c5e8c;color:#fff;font-size:10px}
.brand-showcase-card .brand-showcase-primary span{color:#fff}
.brand-showcase-card:focus-within,.brand-directory-card:focus-within{outline:3px solid #f19a20;outline-offset:3px}
.brand-directory-hero{padding:64px 0 58px;background:#10304c;color:#fff}
.brand-directory-hero .brand-profile-eyebrow{color:#9eb6c4}
.brand-directory-hero-grid{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(260px,.75fr);align-items:end;gap:70px;margin-top:35px}
.brand-directory-hero h1,.brand-profile-copy h1{margin:16px 0 0;font-size:clamp(48px,6vw,82px);line-height:.98;letter-spacing:-.065em}
.brand-directory-hero-grid>p{margin:0;color:#d1dce3;font-size:16px;line-height:1.75}
.brand-directory-body{padding:58px 0 90px;background:#f3f6f8}
.brand-directory-body .brand-showcase-card{min-height:385px}
.brand-profile-hero{padding:0 0 82px;background:#f3f6f8}
.brand-breadcrumb{display:flex;align-items:center;gap:11px;min-height:66px;color:#72828d;font-size:11px;font-weight:750;letter-spacing:.04em}
.brand-breadcrumb a{color:#315e79}
.brand-breadcrumb a:hover{text-decoration:underline;text-underline-offset:4px}
.brand-profile-grid{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(330px,.8fr);gap:clamp(48px,8vw,120px);align-items:center;padding-top:54px}
.brand-profile-eyebrow{color:#527287;font-size:10px;font-weight:850;letter-spacing:.14em}
.brand-profile-copy h1{max-width:800px;color:#122b3d}
.brand-profile-intro{max-width:670px;margin:29px 0 0;color:#536a78;font-size:clamp(16px,1.5vw,19px);line-height:1.8}
.brand-profile-actions{display:flex;flex-wrap:wrap;gap:10px;margin-top:32px}
.brand-profile-primary,.brand-profile-secondary{display:inline-flex;align-items:center;justify-content:space-between;gap:24px;min-height:50px;padding:13px 16px;font-size:10px;font-weight:850;letter-spacing:.055em}
.brand-profile-primary{background:#0c5e8c;color:#fff}
.brand-profile-primary span{color:#f5a02a}
.brand-profile-secondary{border:1px solid #c8d6de;background:#fff;color:#174765}
.brand-profile-primary:hover,.brand-profile-secondary:hover{border-color:#f19a20;transform:translateY(-1px)}
.brand-profile-links{display:flex;flex-wrap:wrap;gap:10px 20px;margin-top:24px}
.brand-profile-links a{color:#49697d;font-size:12px;font-weight:750}
.brand-profile-links a:hover{text-decoration:underline;text-underline-offset:4px}
.brand-profile-visual{min-height:360px;padding:28px;background:#fff;border:1px solid #dce5ea;box-shadow:0 20px 55px #0b304d0d;display:flex;flex-direction:column;align-items:center;justify-content:center}
.brand-profile-logo{display:flex;align-items:center;justify-content:center;width:100%;min-height:120px;padding:10px}
.brand-profile-logo img{display:block;width:auto;max-width:min(78%,340px);max-height:84px;object-fit:contain}
.brand-profile-visual figure{display:flex;align-items:center;justify-content:center;width:100%;height:210px;margin:0;overflow:hidden;background:#f7f9fa}
.brand-profile-visual figure img{width:100%;height:100%;object-fit:contain}
.brand-profile-visual>p{align-self:flex-start;margin:20px 0 0;color:#6d7e89;font-size:11px;line-height:1.65}
.brand-profile-footer{padding:45px 0;background:#10304c;color:#fff}
.brand-profile-footer>.frame{display:flex;align-items:center;justify-content:space-between;gap:30px}
.brand-profile-footer span{color:#a9c0cd;font-size:10px;font-weight:800;letter-spacing:.12em}
.brand-profile-footer h2{margin:9px 0 0;font-size:clamp(23px,3vw,36px);line-height:1.1;letter-spacing:-.04em}
.brand-profile-footer a{display:inline-flex;align-items:center;gap:24px;min-height:46px;padding:12px 15px;border:1px solid #ffffff61;color:#fff;font-size:10px;font-weight:850;white-space:nowrap}
.brand-profile-footer a span{color:#f5a02a;font-size:15px}
.brand-profile-page--coral .brand-profile-logo img{max-height:69px}
.brand-profile-page--zinga .brand-profile-logo img{max-width:120px;max-height:100px}
.brand-profile-page--selemix .brand-profile-logo img{max-width:250px}
.brand-profile-page--sigma .brand-profile-logo img,.brand-profile-page--ppg .brand-profile-logo img{max-width:235px}
@media(max-width:1040px){.brand-showcase-grid,.brand-directory-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.brand-directory-hero-grid{gap:38px}.brand-profile-grid{gap:45px}.brand-showcase-card,.brand-directory-body .brand-showcase-card{min-height:370px}}
@media(max-width:760px){.brands-showcase-intro{margin:-12px 0 24px;font-size:14px}.brand-showcase-grid,.brand-directory-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.brand-showcase-card,.brand-directory-card,.brand-directory-body .brand-showcase-card{min-height:390px;padding:17px 14px 14px}.brand-showcase-description{font-size:12px}.brand-showcase-card .brand-showcase-actions{grid-template-columns:1fr}.brand-showcase-card .brand-showcase-primary{grid-column:auto}.brand-directory-hero{padding:33px 0 42px}.brand-directory-hero-grid{grid-template-columns:1fr;gap:20px;margin-top:24px}.brand-directory-hero h1{font-size:clamp(43px,11vw,62px)}.brand-directory-hero-grid>p{font-size:14px}.brand-directory-body{padding:34px 0 60px}.brand-profile-hero{padding-bottom:55px}.brand-breadcrumb{min-height:55px;font-size:10px;gap:8px}.brand-profile-grid{grid-template-columns:1fr;gap:30px;padding-top:30px}.brand-profile-copy h1{font-size:clamp(43px,11vw,63px)}.brand-profile-intro{margin-top:20px;font-size:16px}.brand-profile-actions{margin-top:24px}.brand-profile-primary,.brand-profile-secondary{width:100%;min-height:48px}.brand-profile-visual{min-height:290px;padding:18px}.brand-profile-visual figure{height:175px}.brand-profile-footer>.frame{align-items:flex-start;flex-direction:column}.brand-profile-footer a{width:100%}}
@media(max-width:540px){.brand-showcase-grid,.brand-directory-grid{grid-template-columns:1fr}.brand-showcase-card,.brand-directory-card,.brand-directory-body .brand-showcase-card{min-height:unset;padding:20px 18px 16px}.brand-showcase-logo{min-height:85px}.brand-showcase-card h3,.brand-directory-card h3{margin-bottom:10px}.brand-showcase-description{margin-bottom:16px}.brand-showcase-card .brand-showcase-actions{grid-template-columns:1fr 1fr}.brand-showcase-card .brand-showcase-primary{grid-column:1/-1}.brand-profile-visual{min-height:265px}.brand-profile-visual figure{height:150px}}
@media(prefers-reduced-motion:reduce){.brand-showcase-card,.brand-profile-primary,.brand-profile-secondary{transition:none}}
/* Official brand assets: keep CORALMIX's light wordmark readable on a dark field. */
.brand-showcase-card--coralmix .brand-showcase-logo{background:#10304c;padding:14px 18px}
.brand-showcase-card--coralmix .brand-showcase-logo img{display:block;width:min(100%,320px);max-width:100%;max-height:82px;object-fit:contain}
.brand-profile-page--coralmix .brand-profile-visual{background:#10304c;border-color:#10304c}
.brand-profile-page--coralmix .brand-profile-logo{min-height:150px}
.brand-profile-page--coralmix .brand-profile-logo img{max-width:92%;max-height:140px}
.brand-profile-page--coralmix .brand-profile-visual>p{color:#dbe8ef}

/* brand-grid-five-card-centering-20261115 */
@media(min-width:1101px){.brand-showcase-grid,.brand-directory-grid{grid-template-columns:repeat(6,minmax(0,1fr))}.brand-showcase-grid>.brand-showcase-card,.brand-directory-grid>.brand-showcase-card,.brand-directory-grid>.brand-directory-card{grid-column:span 2}.brand-showcase-grid>:nth-child(4),.brand-directory-grid>:nth-child(4){grid-column:2 / span 2}.brand-showcase-grid>:nth-child(5),.brand-directory-grid>:nth-child(5){grid-column:4 / span 2}}
@media(min-width:761px) and (max-width:1100px){.brand-showcase-grid,.brand-directory-grid{grid-template-columns:repeat(4,minmax(0,1fr))}.brand-showcase-grid>.brand-showcase-card,.brand-directory-grid>.brand-showcase-card,.brand-directory-grid>.brand-directory-card{grid-column:span 2}.brand-showcase-grid>:nth-child(5),.brand-directory-grid>:nth-child(5){grid-column:2 / span 2}}
@media(min-width:541px) and (max-width:760px){.brand-showcase-grid,.brand-directory-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.brand-showcase-grid>.brand-showcase-card,.brand-directory-grid>.brand-showcase-card,.brand-directory-grid>.brand-directory-card{grid-column:auto}.brand-showcase-grid>:nth-child(5),.brand-directory-grid>:nth-child(5){grid-column:1 / -1;width:calc((100% - 10px)/2);justify-self:center}}
@media(max-width:540px){.brand-showcase-grid,.brand-directory-grid{grid-template-columns:1fr}.brand-showcase-grid>.brand-showcase-card,.brand-directory-grid>.brand-showcase-card,.brand-directory-grid>.brand-directory-card{grid-column:auto}.brand-showcase-grid>:nth-child(5),.brand-directory-grid>:nth-child(5){width:auto;justify-self:stretch}}