/* Brand marks retain their original colors and proportions. */
.brand-roster{padding:64px 0 56px;background:#eeeae2;border-top:1px solid #d7d3cb;border-bottom:1px solid #d7d3cb;scroll-margin-top:100px}
.brand-heading{display:flex;align-items:flex-end;justify-content:space-between;gap:40px;margin-bottom:30px}
.brand-heading h2{font-size:clamp(26px,3vw,40px);line-height:1.12;letter-spacing:-1.5px;margin:14px 0 0;max-width:570px}
.brand-heading>p{max-width:350px;color:#66615c;font-size:14px;line-height:1.7;margin:0}
.brand-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin:0;padding:0;list-style:none}
.brand-card{min-width:0;height:168px;border:1px solid #dedbd5;background:#fff;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:18px 16px 15px;gap:12px}
.brand-image{height:100px;width:100%;display:flex;align-items:center;justify-content:center}
.brand-image img{display:block;object-fit:contain;max-width:100%;height:auto}
.brand-image--square{width:94px;max-height:94px}
.brand-image--wide{width:170px;max-height:86px}
.brand-card>span{font-size:11px;font-weight:700;letter-spacing:.7px;line-height:1.3;color:#555;flex-shrink:0}
.brand-card--dark{background:#222;border-color:#222}.brand-card--black{background:#000;border-color:#000}
.brand-card--dark>span,.brand-card--black>span{color:#bfb9b0}
.brand-foot{display:flex;justify-content:space-between;align-items:center;gap:24px;margin-top:22px;font-size:12px;line-height:1.6}
.brand-foot p{color:#736d65;margin:0}.brand-foot a{font-weight:700;text-decoration:none;white-space:nowrap}.brand-foot a span{color:#d66200;margin-left:10px}
.brand-foot a:hover{text-decoration:underline}.brand-foot a:focus-visible{outline:2px solid #ff7a00;outline-offset:5px}
@media(max-width:760px){.brand-roster{padding:42px 0}.brand-heading{display:block;margin-bottom:24px}.brand-heading>p{margin-top:16px;max-width:450px}.brand-heading h2{letter-spacing:-1px}.brand-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.brand-card{height:152px;padding:14px 12px;gap:8px}.brand-image{height:94px}.brand-image--wide{width:145px}.brand-foot{align-items:flex-start;flex-direction:column;gap:10px}}
.brand-roster{color:#101010}.brand-roster .section-label{color:#5f584f}.brand-roster h2,.brand-foot a{color:#101010}

/* Source-faithful PNG marks, aligned to a shared optical center and caption baseline. */
.brand-card{background:#faf9f5;height:174px;padding:20px 18px 16px;gap:14px}
.brand-image{height:100px;flex:0 0 100px;overflow:hidden}
.brand-image img{width:100%;height:100%;max-width:180px;max-height:100px;object-fit:contain}
.brand-card--dark,.brand-card--black{background:#171717;border-color:#171717}
.brand-card:has(img[src*="laksmi-muslimah-clean"]){background:#193f34;border-color:#193f34}
.brand-card:has(img[src*="laksmi-muslimah-clean"])>span{color:#ddd7c3}
.brand-image img[src*="laksmi-muslimah-clean"]{max-width:110px}
.brand-image img[src*="dsavior-clean"]{max-width:100px}
.brand-image img[src*="scentnice-clean"]{max-width:116px}
.brand-image img[src*="nach-clean"]{max-width:152px}
.brand-card>span{min-height:15px;line-height:15px}
@media(max-width:760px){.brand-card{height:158px;padding:16px 12px;gap:10px}.brand-image{height:100px}.brand-image img{max-width:148px}.brand-image img[src*="laksmi-muslimah-clean"]{max-width:100px}.brand-image img[src*="nach-clean"]{max-width:135px}}

/* Account for source-image padding without changing original logo pixels. */
.brand-image img[src*="laksmi-muslimah-clean"]{width:150px;height:150px;max-width:none;max-height:none;flex-shrink:0}
.brand-card:has(img[src*="laksmi-muslimah-clean"]){background:#193e34;border-color:#193e34}
.brand-image img[src*="nach-clean"]{width:260px;height:260px;max-width:none;max-height:none;flex-shrink:0;mix-blend-mode:multiply}
.brand-image img[src*="scentnice-clean"]{width:175px;height:175px;max-width:none;max-height:none;flex-shrink:0;mix-blend-mode:multiply}
.brand-image img[src*="dsavior-clean"]{mix-blend-mode:multiply}
.brand-image img[src*="verom-clean"]{mix-blend-mode:screen}
.brand-image img[src*="erexmor-clean"]{max-width:190px;mix-blend-mode:lighten}
.brand-card:has(img[src*="erexmor-clean"]){background:#222;border-color:#222}
@media(max-width:760px){.brand-image img[src*="nach-clean"]{width:230px;height:230px}}

/* SangX reconstructed from product references for improved small-size clarity. */
.brand-image img[src*="sangx-refined"]{width:190px;height:127px;max-width:none;max-height:none;flex-shrink:0;mix-blend-mode:normal}
@media(max-width:760px){.brand-image img[src*="sangx-refined"]{width:175px;height:117px}}
.brand-image img[src*="sangx-refined"]{width:min(190px,calc(100% + 20px));height:auto;max-height:none}