/* The featured logos share one quiet surface; the department browser stays below. */
body #superior-concept .sc-nav.sc-open-studio-nav #sc-mega-brands .sc-brand-focus-ribbon{margin:0 calc(-1 * var(--studio-pad)) 20px;padding:12px var(--studio-pad) 10px;border-bottom:1px solid var(--studio-line);background:#f6f5f1}
body #superior-concept .sc-nav.sc-open-studio-nav #sc-mega-brands .sc-brand-focus-ribbon h3{margin:0 0 5px}
body #superior-concept .sc-nav.sc-open-studio-nav #sc-mega-brands .sc-brand-focus-ribbon .sc-brand-focus-links{display:grid;grid-template-columns:none;grid-auto-flow:column;grid-auto-columns:minmax(0,1fr);gap:0;align-items:stretch}
body #superior-concept .sc-nav.sc-open-studio-nav #sc-mega-brands .sc-brand-focus-links>a.sc-brand-focus-link{position:relative;display:flex;align-items:center;justify-content:center;gap:9px;box-sizing:border-box;min-width:0;min-height:60px;padding:8px 20px;border:0;border-right:1px solid #d5dad4;background:transparent;text-decoration:none;overflow-wrap:normal}
body #superior-concept .sc-nav.sc-open-studio-nav #sc-mega-brands .sc-brand-focus-links>a.sc-brand-focus-link:last-child{border-right:0}
body #superior-concept .sc-nav.sc-open-studio-nav #sc-mega-brands .sc-brand-focus-link::after{content:'';position:absolute;left:18px;right:18px;bottom:0;height:2px;background:var(--studio-lime);opacity:0;transform:scaleX(.6);transition:opacity .18s ease,transform .18s ease}
body #superior-concept .sc-nav.sc-open-studio-nav #sc-mega-brands .sc-brand-focus-link:is(:hover,:focus-visible)::after{opacity:1;transform:scaleX(1)}
body #superior-concept .sc-nav.sc-open-studio-nav #sc-mega-brands .sc-brand-focus-mark{display:flex;align-items:center;justify-content:center;flex:0 1 180px;min-width:0;max-width:180px;height:40px}
body #superior-concept .sc-nav.sc-open-studio-nav #sc-mega-brands .sc-brand-focus-mark>img{display:block;width:auto;height:auto;max-width:100%;max-height:36px;object-fit:contain;filter:none!important}
body #superior-concept .sc-nav.sc-open-studio-nav #sc-mega-brands .sc-brand-focus-mark-dark{box-sizing:border-box;flex:0 1 auto;padding:5px 8px;background:#243831}
body #superior-concept .sc-nav.sc-open-studio-nav #sc-mega-brands .sc-brand-focus-origin{display:flex;align-items:center;justify-content:center;flex:0 0 14px;width:14px;height:14px}
body #superior-concept .sc-nav.sc-open-studio-nav #sc-mega-brands .sc-brand-focus-origin>img{display:block;width:14px;height:14px;object-fit:contain}
body #superior-concept .sc-nav.sc-open-studio-nav #sc-mega-brands .sc-brand-focus-caption{max-width:105px;font:500 12px/1.3 Arial,Helvetica,sans-serif}
body #superior-concept .sc-nav.sc-open-studio-nav #sc-mega-brands [data-sc-brand-focus="pittsburgh-paints"] .sc-brand-focus-mark{flex:0 0 36px;width:36px}
body #superior-concept .sc-nav.sc-open-studio-nav #sc-mega-brands .sc-brand-focus-arrow{position:absolute;right:6px;bottom:6px;font:400 12px/1 Arial,Helvetica,sans-serif;opacity:0;transition:opacity .18s ease}
body #superior-concept .sc-nav.sc-open-studio-nav #sc-mega-brands .sc-brand-focus-link:is(:hover,:focus-visible) .sc-brand-focus-arrow{opacity:1}
body #superior-concept .sc-nav.sc-open-studio-nav #sc-mega-brands .sc-brand-focus-fallback{font:500 14px/1.35 Arial,Helvetica,sans-serif;text-align:center}
@media(min-width:901px) and (max-width:1150px){
 body #superior-concept .sc-nav.sc-open-studio-nav #sc-mega-brands .sc-brand-focus-links>a.sc-brand-focus-link{gap:6px;padding-inline:11px}
 body #superior-concept .sc-nav.sc-open-studio-nav #sc-mega-brands .sc-brand-focus-caption{font-size:11px}
}
@media(max-width:900px){
 body #superior-concept .sc-nav.sc-open-studio-nav #sc-mega-brands .sc-brand-focus-ribbon{margin:0 0 16px;padding:8px 0 10px;border-top:1px solid var(--studio-line)}
 body #superior-concept .sc-nav.sc-open-studio-nav #sc-mega-brands .sc-brand-focus-ribbon h3{padding:0 10px;margin-bottom:4px}
 body #superior-concept .sc-nav.sc-open-studio-nav #sc-mega-brands .sc-brand-focus-ribbon .sc-brand-focus-links{grid-template-columns:repeat(2,minmax(0,1fr));grid-auto-flow:row;grid-auto-columns:auto;gap:0}
 body #superior-concept .sc-nav.sc-open-studio-nav #sc-mega-brands .sc-brand-focus-links>a.sc-brand-focus-link{min-height:48px;height:48px;padding:6px 10px;gap:7px;border-right:0}
 body #superior-concept .sc-nav.sc-open-studio-nav #sc-mega-brands .sc-brand-focus-links>a.sc-brand-focus-link:nth-child(odd){border-right:1px solid #d5dad4}
 body #superior-concept .sc-nav.sc-open-studio-nav #sc-mega-brands .sc-brand-focus-mark{height:34px;max-width:140px}
 body #superior-concept .sc-nav.sc-open-studio-nav #sc-mega-brands .sc-brand-focus-mark>img{max-height:30px}
 body #superior-concept .sc-nav.sc-open-studio-nav #sc-mega-brands .sc-brand-focus-caption{font-size:11px}
 body #superior-concept .sc-nav.sc-open-studio-nav #sc-mega-brands [data-sc-brand-focus="pittsburgh-paints"] .sc-brand-focus-mark{flex-basis:30px;width:30px}
 body #superior-concept .sc-nav.sc-open-studio-nav #sc-mega-brands .sc-brand-focus-mark-dark{padding:4px 7px}
}
@media(prefers-reduced-motion:reduce){
 body #superior-concept .sc-nav.sc-open-studio-nav #sc-mega-brands .sc-brand-focus-link::after,
 body #superior-concept .sc-nav.sc-open-studio-nav #sc-mega-brands .sc-brand-focus-arrow{transition:none}
}

/* Stacked marks retain their artwork, with the brand name readable beside them. */
body #superior-concept .sc-nav.sc-open-studio-nav #sc-mega-brands [data-sc-brand-focus="sansin"] .sc-brand-focus-mark{flex:0 0 44px;width:44px}

/* Use the former focus-ribbon space for the homepage department browser. */
@media(min-width:901px){
 body.home #superior-concept .sc-nav.sc-open-studio-nav #sc-mega-brands .sc-brand-navigation:not(:has(.sc-brand-nav-focus)) .is-enhanced.sc-brand-nav-departments,
 body.home #superior-concept .sc-nav.sc-open-studio-nav #sc-mega-brands .sc-brand-navigation.is-enhanced:not(:has(.sc-brand-nav-focus)) .sc-brand-nav-departments{grid-template-rows:repeat(var(--sc-brand-department-count,7),minmax(44px,1fr));height:430px}
 body.home #superior-concept .sc-nav.sc-open-studio-nav #sc-mega-brands .sc-brand-navigation:not(:has(.sc-brand-nav-focus)) .sc-brand-nav-results{min-height:430px;max-height:430px}
 body.home #superior-concept .sc-nav.sc-open-studio-nav #sc-mega-brands .sc-brand-navigation:not(:has(.sc-brand-nav-focus)) .sc-brand-nav-panel-inner>.sc-brand-nav-links{max-height:382px}
}