/* Brand displays share an editorial structure, never a client visual identity. */
.brand-display{padding:90px var(--pad,5vw);background:var(--bg);color:var(--fg);border-block:1px solid var(--line);font-family:var(--font);scroll-margin-top:35px}
.brand-display *{box-sizing:border-box}
.brand-display .bd-kicker{display:flex;justify-content:space-between;gap:20px;flex-wrap:wrap;border-top:1px solid var(--line);padding-top:18px;font-size:11px;letter-spacing:.08em;line-height:1.6}
.brand-display h2{font-family:var(--heading);font-weight:var(--heading-weight,400);font-size:clamp(32px,4.5vw,65px);line-height:1.14;letter-spacing:var(--heading-spacing,0);max-width:850px;margin:50px 0 24px;text-transform:var(--heading-case,none)}
.brand-display .bd-intro{max-width:780px;font-size:17px;line-height:1.75;margin:0 0 42px}
.brand-display .bd-label{font-family:var(--font);font-size:12px;font-weight:500;letter-spacing:.08em;text-transform:uppercase;line-height:1.6;margin:48px 0 22px}
.brand-display .bd-marks{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:22px}
.brand-display .bd-marks[data-count="1"]{grid-template-columns:1fr}
.brand-display .bd-mark{margin:0;min-width:0}
.brand-display .bd-mark a{display:flex;align-items:center;justify-content:center;min-height:235px;padding:50px 12%;border:1px solid var(--line);background:var(--mark-bg);text-decoration:none}
.brand-display .bd-mark img{display:block;width:100%;height:130px;max-width:660px;object-fit:contain;filter:none;transform:none}
.brand-display .bd-mark.compact img{max-width:120px;max-height:110px}
.brand-display .bd-mark figcaption{font:400 12px/1.7 var(--font);margin-top:14px;letter-spacing:0;color:var(--fg)}
.brand-display .bd-mark figcaption span{display:block;opacity:.7}
.brand-display .bd-colors{display:grid;grid-template-columns:repeat(auto-fit,minmax(130px,1fr));gap:14px}
.brand-display .bd-color{margin:0;min-width:0}
.brand-display .bd-color i{display:block;height:125px;background:var(--swatch);border:1px solid color-mix(in srgb,var(--fg) 25%,transparent)}
.brand-display .bd-color strong,.brand-display .bd-color code,.brand-display .bd-color small{display:block;font-family:var(--font);font-size:12px;line-height:1.6;letter-spacing:0;font-style:normal;font-weight:400;overflow-wrap:anywhere}
.brand-display .bd-color strong{margin-top:14px;font-weight:500}
.brand-display .bd-color small{margin-top:7px;opacity:.75}
.brand-display .bd-rule{font-size:13px;line-height:1.8;max-width:900px;margin-top:28px}
.brand-display .bd-types{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px 50px}
.brand-display .bd-type{border-top:1px solid var(--line);padding:25px 0;min-width:0}
.brand-display .bd-type-name{font:400 12px/1.5 var(--font);margin:0 0 24px}
.brand-display .bd-type-sample{font-family:var(--specimen-font);font-weight:var(--specimen-weight);font-style:var(--specimen-style,normal);font-size:clamp(26px,3.2vw,46px);line-height:1.35;letter-spacing:var(--specimen-spacing,0);margin:0 0 22px;overflow-wrap:anywhere;text-transform:none;color:var(--fg)}
.brand-display .bd-type-sample.small{font-size:clamp(15px,1.7vw,22px)}
.brand-display .bd-type-role{font:400 12px/1.7 var(--font);margin:0;opacity:.75}
.brand-display .bd-source{border-top:1px solid var(--line);margin-top:35px;padding-top:25px;font-size:13px;line-height:1.8}
.brand-display .bd-source p{max-width:900px;margin:16px 0}
.brand-display a.bd-source-link,.brand-display .bd-source a{display:inline-block;min-height:44px;padding:10px 0;text-decoration:underline;text-underline-offset:5px;font-size:13px}
.brand-display .bd-source details{margin-top:12px;max-width:900px}
.brand-display .bd-source summary{cursor:pointer;padding:10px 0;min-height:44px}
.brand-display a:focus-visible,.brand-display summary:focus-visible{outline:2px solid currentColor;outline-offset:5px}
.brand-display.neolabcare{--bg:#0A0A0A;--muted:rgba(245,245,240,.7)}
.brand-display.neolabcare .bd-type:nth-child(2) .bd-type-sample{color:#C8B89A}
.brand-display.neolabcare .bd-mark a{padding:60px 12%}
.brand-display.neolabcare .bd-intro{font-weight:300}
.brand-display.robotist h2{font-size:clamp(26px,3.4vw,44px)}
.brand-display.robotist .bd-type:first-child .bd-type-sample{font-size:clamp(20px,3vw,39px)}
.brand-display.edenne{--bg:#FAEDF5;--fg:#392335;--line:#39233533;--font:Verdana,sans-serif;--heading:'Trebuchet MS',sans-serif;--heading-weight:400;--heading-spacing:-.02em}
.brand-display.wkg-brand{--bg:#F5F6F8;--fg:#144168;--line:#14416833;--font:Alibaba,sans-serif;--heading:Alibaba,sans-serif;--heading-weight:400;--heading-spacing:-.025em}
.brand-index{--bg:#fff;--fg:#091930;--muted:#465469;--line:#09193033}
.brand-index-header{padding:90px var(--pad);max-width:1400px;margin:auto}
.brand-index-header h1{font:400 clamp(42px,6vw,85px)/1.1 Poppins,sans-serif;letter-spacing:-.05em;max-width:1000px;margin:0 0 30px}
.brand-index-header p{font:400 16px/1.8 Poppins,sans-serif;max-width:760px}
.brand-directory{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:0 35px;margin-top:55px}
.brand-directory a{display:flex;flex-direction:column;justify-content:space-between;gap:12px;padding:24px 0;border-top:1px solid var(--line);font:500 15px/1.5 Poppins,sans-serif;text-decoration:none;min-height:100px}
.brand-directory small{font:400 11px/1.7 Poppins,sans-serif;opacity:.8}
.brand-directory a:hover{text-decoration:underline;text-underline-offset:5px}
/* NeoLabCare's downloaded wordmark needs legible size and clear space. */
body.neolabcare .hero-wordmark{width:190px;height:auto;max-width:100%}
body.neolabcare .hero h1{letter-spacing:-.03em}
body.neolabcare .chapter h2{letter-spacing:-.02em}
body.neolabcare .hero-footer p{font-weight:300}
@media(min-width:1650px){.brand-display{padding-inline:max(var(--pad,5vw),calc((100vw - 1450px)/2))}}
@media(max-width:700px){.brand-display{padding:60px 24px}.brand-display h2{margin-top:32px}.brand-display .bd-kicker{font-size:10px}.brand-display .bd-intro{font-size:15px}.brand-display .bd-marks,.brand-display .bd-types{grid-template-columns:1fr}.brand-display .bd-mark a{min-height:190px;padding:40px 10%}.brand-display .bd-mark img{height:100px}.brand-display .bd-colors{grid-template-columns:repeat(2,minmax(0,1fr))}.brand-display .bd-color i{height:100px}.brand-directory{grid-template-columns:1fr 1fr}.brand-index-header{padding:60px 24px}.brand-display .bd-type-sample{font-size:clamp(25px,7.5vw,40px)}}
@media(max-width:359px){.brand-display{padding-inline:18px}.brand-directory{grid-template-columns:1fr}.brand-display .bd-kicker{display:block}.brand-display .bd-kicker span{display:block;margin-bottom:8px}}
@media print{.brand-display{break-inside:auto}.brand-display .bd-mark,.brand-display .bd-type{break-inside:avoid}}
