#manufacturer #main:has(.es-brand-intro) { --brand-gold:#a08035; --brand-line:#e8e5df; }
.es-brand-intro { display:grid; grid-template-columns:1fr 1fr; align-items:end; gap:32px; margin:12px 0 32px; padding:32px; background:#f6f5f2; border-radius:12px; }
.es-brand-eyebrow { display:block; margin-bottom:12px; color:#80662c; font-size:12px; font-weight:600; letter-spacing:.16em; text-transform:uppercase; }
#manufacturer .es-brand-intro .page-title { margin:0; padding:0; border:0; font-size:clamp(30px,3vw,44px); line-height:1.15; }
.es-brand-intro p { max-width:440px; margin:0; color:#606060; font-size:17px; line-height:1.6; }
#manufacturer #main > .ms-grid { margin-bottom:56px; }
#manufacturer #main > .ms-grid > .row { display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); gap:18px; margin:0; }
#manufacturer #main > .ms-grid .es-brand-item { width:auto; max-width:none; min-width:0; padding:0; margin:0; }
#manufacturer .es-brand-link { display:flex; flex-direction:column; height:100%; padding:0; border:1px solid var(--brand-line); border-radius:12px; overflow:hidden; background:#fff; color:#222; text-decoration:none; text-align:left; transition:border-color .18s ease; }
#manufacturer .es-brand-logo { display:flex; align-items:center; justify-content:center; padding:28px 20px; min-height:132px; }
#manufacturer .es-brand-logo img { width:145px; max-width:100%; height:66px; object-fit:contain; }
#manufacturer .es-brand-copy { display:flex; flex-direction:column; align-items:flex-start; flex:1; gap:12px; padding:18px 20px; background:#faf9f7; border-top:1px solid #f0ede7; text-align:left; }
#manufacturer .es-brand-name { display:block; font-size:16px; line-height:1.4; font-weight:600; min-height:2.8em; overflow-wrap:anywhere; }
#manufacturer .es-brand-action { display:flex; justify-content:space-between; align-items:center; gap:12px; width:100%; margin-top:auto; color:#666; font-size:13px; line-height:1.5; }
#manufacturer .es-brand-action span { display:grid; place-items:center; width:28px; height:28px; border:1px solid #dfd9ca; border-radius:50%; color:#80662c; font-size:17px; }
#manufacturer .es-brand-link:hover { border-color:#a08035; color:#222; }
#manufacturer .es-brand-link:hover .es-brand-action span { background:#222; border-color:#222; color:#fff; }
#manufacturer .es-brand-link:focus-visible { outline:2px solid #a08035; outline-offset:3px; }
@media(min-width:1700px) { #manufacturer #main > .ms-grid > .row { grid-template-columns:repeat(5,minmax(0,1fr)); } }
@media(max-width:1000px) { #manufacturer #main > .ms-grid > .row { grid-template-columns:repeat(3,minmax(0,1fr)); } .es-brand-intro { padding:24px; } }
@media(max-width:700px) { #manufacturer #main > .ms-grid > .row { grid-template-columns:repeat(2,minmax(0,1fr)); gap:12px; } .es-brand-intro { grid-template-columns:1fr; gap:16px; padding:24px 20px; margin-bottom:20px; } .es-brand-intro p { font-size:16px; } #manufacturer .es-brand-copy { padding:14px 12px; } #manufacturer .es-brand-name { font-size:14px; } #manufacturer .es-brand-logo { padding:20px 12px; min-height:108px; } #manufacturer .es-brand-logo img { width:115px; height:60px; } #manufacturer .es-brand-action { font-size:12px; gap:4px; } #manufacturer .es-brand-action span { width:22px; height:22px; flex-shrink:0; } }
@media(prefers-reduced-motion:reduce) { #manufacturer .es-brand-link { transition:none; } }