.representatives-page{background:#f5f6f8;color:#26313e}.representatives-page header{position:relative;inset:auto;margin:22px 3% 0;backdrop-filter:none!important}.representatives-main{max-width:1400px;margin:auto;padding:24px 4%}.rep-chooser{display:flex;align-items:center;justify-content:space-between;gap:20px;padding-bottom:20px;border-bottom:1px solid #dce2e8;color:#4c5969;font-size:12px}.rep-chooser>div{display:flex;gap:7px;flex-wrap:wrap}.rep-chooser button{background:#fff;border:1px solid #dce2e8;border-radius:24px;color:#39485b;padding:11px 16px;font:650 12px var(--site-font,Arial)}.rep-chooser button[aria-pressed=true]{background:#26313e;color:#fff;border-color:#26313e}.rep-breadcrumb{display:block;font-size:13px;margin:28px 0;color:#4c5969}.rep-intro{display:flex;align-items:end;justify-content:space-between;gap:30px;padding:14px 0 32px}.rep-eyebrow{font-size:11px;letter-spacing:.15em;font-weight:750;color:#605fa6;margin:0 0 12px}.rep-intro h1{font-size:42px;line-height:1.15;letter-spacing:-.04em;margin:0}.rep-intro>p{font-size:16px;line-height:1.65;color:#435267;margin:0}.rep-list{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:20px}.rep-card{grid-column:span 2;background:#fff;border:1px solid #dfe5ec;border-radius:14px;overflow:hidden}.rep-card:nth-child(n+4){grid-column:span 3}.rep-logo{position:relative;display:flex;align-items:center;justify-content:center;height:150px;border-bottom:1px solid #e8ecf0;background:#fff;padding:30px}.rep-logo img{max-width:190px;max-height:85px;width:auto;height:auto;object-fit:contain}.rep-number{position:absolute;top:16px;left:20px;font-size:11px;font-weight:700;color:#68778b}.rep-card-copy{padding:26px}.rep-brand-name{color:#605fa6;font-size:12px;font-weight:750;letter-spacing:.07em;margin:0 0 12px}.rep-card h2{font-size:23px;letter-spacing:-.025em;line-height:1.25;min-height:58px;margin:0 0 16px}.rep-description{font-size:15px;line-height:1.65;color:#435267;margin:0 0 24px}.rep-tags{display:flex;flex-wrap:wrap;gap:7px}.rep-tags span{font-size:11px;font-weight:650;background:#ededf5;color:#605fa6;padding:7px 9px;border-radius:5px}.rep-brand-tabs{display:none}.rep-support{margin-top:32px;background:#252d39;border-radius:14px;padding:30px 34px;display:flex;align-items:center;justify-content:space-between;gap:28px;color:#fff}.rep-support span{font-size:10px;letter-spacing:.14em;color:#cfcfe4}.rep-support h2{font-size:23px;margin:10px 0;max-width:600px}.rep-support p{font-size:14px;color:#e0e6ee;margin:0}.rep-support a{background:#605fa6;padding:15px 20px;border-radius:7px;white-space:nowrap;font-weight:650;font-size:14px}.rep-support b{margin-left:18px}.rep-footer{display:flex;justify-content:space-between;gap:15px;margin-top:30px;border-top:1px solid #dce2e8;padding:24px 0;font-size:13px;color:#435267;background:transparent!important}
/* Directory: compact horizontal brand records. */
[data-design=directory] .rep-list{display:block;border-top:2px solid #26313e}[data-design=directory] .rep-card{display:grid;grid-template-columns:240px 1fr;border:0;border-bottom:1px solid #dce2e8;border-radius:0;background:transparent;padding:22px 0;gap:30px}[data-design=directory] .rep-logo{height:auto;min-height:180px;border:1px solid #e1e6ed;border-radius:8px}[data-design=directory] .rep-card-copy{padding:10px 0}[data-design=directory] .rep-card h2{min-height:0;font-size:27px;margin-bottom:10px}[data-design=directory] .rep-description{margin-bottom:16px;max-width:720px}[data-design=directory] .rep-tags span{background:transparent;border:1px solid #ccd4df;color:#435267}
/* Spotlight: a brand selector beside one generous editorial panel. */
[data-design=spotlight] .rep-brand-tabs{display:grid;grid-template-columns:repeat(5,1fr);gap:10px;margin-bottom:18px}[data-design=spotlight] .rep-brand-tabs button{display:flex;align-items:center;justify-content:center;min-height:80px;padding:16px;background:#fff;border:1px solid #dce2e8;border-radius:9px}[data-design=spotlight] .rep-brand-tabs img{width:auto;max-width:115px;max-height:42px;object-fit:contain}[data-design=spotlight] .rep-brand-tabs button[aria-pressed=true]{border:2px solid #605fa6;background:#f4f4f9}[data-design=spotlight] .rep-list{display:block}[data-design=spotlight] .rep-card{display:none}[data-design=spotlight] .rep-card.is-current{display:grid;grid-template-columns:40% 60%;min-height:350px;border-radius:16px}[data-design=spotlight] .rep-logo{height:auto;border:0;border-right:1px solid #e1e6ed;background:linear-gradient(140deg,#fff,#f3f5f8)}[data-design=spotlight] .rep-logo img{max-width:240px;max-height:130px}[data-design=spotlight] .rep-card-copy{padding:45px}[data-design=spotlight] .rep-card h2{font-size:34px;min-height:0;max-width:500px}[data-design=spotlight] .rep-description{font-size:17px}[data-design=spotlight] .rep-brand-name{font-size:14px}
@media(max-width:800px){.rep-chooser{display:block}.rep-chooser>div{margin-top:12px}.rep-chooser button{flex:1;padding:10px;font-size:11px}.rep-intro{display:block}.rep-intro h1{font-size:34px}.rep-intro>p{margin-top:20px}.rep-list{grid-template-columns:1fr 1fr}.rep-card,.rep-card:nth-child(n+4){grid-column:auto}.rep-card:last-child{grid-column:1/-1}.rep-card-copy{padding:20px}.rep-support{display:block;padding:25px}.rep-support a{display:inline-block;margin-top:22px}.rep-footer{flex-wrap:wrap}[data-design=directory] .rep-card{grid-template-columns:170px 1fr;gap:20px}[data-design=spotlight] .rep-brand-tabs{grid-template-columns:repeat(5,minmax(100px,1fr));overflow:auto}[data-design=spotlight] .rep-card-copy{padding:28px}[data-design=spotlight] .rep-card h2{font-size:28px}}
@media(max-width:560px){.representatives-page header{margin:12px 3%}.rep-list{grid-template-columns:1fr}.rep-card h2{min-height:0}.rep-logo{height:125px}[data-design=directory] .rep-card{grid-template-columns:1fr;gap:14px}[data-design=directory] .rep-logo{min-height:120px}[data-design=spotlight] .rep-card.is-current{grid-template-columns:1fr}[data-design=spotlight] .rep-logo{height:150px;border-right:0;border-bottom:1px solid #e1e6ed}[data-design=spotlight] .rep-logo img{max-width:180px;max-height:95px}}

/* Second set: three distinct brand presentations. */
.rep-expand{display:none}
.representatives-main[data-design=collection]{display:grid;grid-template-columns:250px minmax(0,1fr);gap:0 28px}
[data-design=collection]>.rep-chooser,[data-design=collection]>.rep-breadcrumb,[data-design=collection]>.rep-intro,[data-design=collection]>.rep-support,[data-design=collection]>.rep-footer{grid-column:1/-1}
[data-design=collection] .rep-brand-tabs{display:flex;flex-direction:column;gap:10px}
[data-design=collection] .rep-brand-tabs button{display:flex;align-items:center;gap:16px;min-height:76px;padding:12px 16px;border:1px solid #dce3eb;background:#fff;border-radius:9px;color:#344156;font-weight:700;text-align:left}
[data-design=collection] .rep-brand-tabs img{width:75px;height:42px;object-fit:contain}
[data-design=collection] .rep-brand-tabs button[aria-pressed=true]{border-left:4px solid #605fa6;background:#ececf5}
[data-design=collection] .rep-list{display:block;min-width:0}
[data-design=collection] .rep-card{display:none}
[data-design=collection] .rep-card.is-current{display:block;min-height:420px;border-radius:14px;border:1px solid #dce3eb;background:white}
[data-design=collection] .rep-logo{justify-content:flex-start;height:145px;padding:30px 40px;border-bottom:1px solid #e3e8ee}
[data-design=collection] .rep-number{left:auto;right:30px;top:30px;font-size:30px;color:#b8b8d7}
[data-design=collection] .rep-card-copy{padding:32px 40px}
[data-design=collection] .rep-card h2{font-size:32px;min-height:0;margin-bottom:18px}
[data-design=collection] .rep-description{font-size:17px;max-width:650px}
[data-design=directory] .rep-list{border:0;display:flex;flex-direction:column;gap:12px}
[data-design=directory] .rep-card{display:block;padding:0;border:1px solid #dce3eb;background:#fff;border-radius:12px;overflow:hidden}
[data-design=directory] .rep-logo{min-height:0;height:98px;display:flex;justify-content:flex-start;gap:28px;padding:20px 28px;border:0;background:#fff}
[data-design=directory] .rep-logo img{width:145px;max-height:55px;object-fit:contain}
[data-design=directory] .rep-number{position:static;font-size:12px;color:#605fa6}
[data-design=directory] .rep-expand{display:flex;align-items:center;justify-content:space-between;flex:1;align-self:stretch;border:0;background:transparent;color:#253143;font-size:24px;font-weight:750;text-align:left;padding:0;cursor:pointer}
[data-design=directory] .rep-expand:after{content:'';position:absolute;inset:0}
[data-design=directory] .rep-expand b{display:grid;place-items:center;width:34px;height:34px;background:#ececf5;border-radius:50%;font-size:24px;color:#605fa6}
[data-design=directory] .rep-card-copy{display:none;padding:26px 40px 30px 245px;border-top:1px solid #e3e8ee;background:#f9fafc}
[data-design=directory] .rep-card.is-expanded .rep-card-copy{display:block;animation:rep-reveal .22s ease}
[data-design=directory] .rep-card.is-expanded .rep-expand b{transform:rotate(45deg)}
[data-design=directory] .rep-card h2{font-size:23px}
[data-design=spotlight] .rep-brand-tabs{display:none}
[data-design=spotlight] .rep-list{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:16px;background:#202934;padding:26px;border-radius:18px}
[data-design=spotlight] .rep-card,[data-design=spotlight] .rep-card.is-current{display:flex;flex-direction:column;grid-column:span 2;min-height:0;border:1px solid #ffffff19;background:#293440;border-radius:12px;overflow:hidden}
[data-design=spotlight] .rep-card:nth-child(n+4){grid-column:span 3}
[data-design=spotlight] .rep-logo{height:130px;flex:none;border:0;background:#fff;justify-content:center;padding:24px}
[data-design=spotlight] .rep-logo img{max-width:180px;max-height:75px}
[data-design=spotlight] .rep-number{left:14px;top:14px;font-size:10px}
[data-design=spotlight] .rep-card-copy{padding:24px;display:flex;flex-direction:column;flex:1}
[data-design=spotlight] .rep-brand-name{color:#c8c8e0;font-size:12px}
[data-design=spotlight] .rep-card h2{color:#fff;font-size:24px;min-height:60px}
[data-design=spotlight] .rep-description{color:#e1e7ee;font-size:15px}
[data-design=spotlight] .rep-tags{margin-top:auto}
[data-design=spotlight] .rep-tags span{background:#ffffff0c;color:#d9d8ea;border:1px solid #ffffff16}
@keyframes rep-reveal{from{opacity:0;transform:translateY(-5px)}to{opacity:1;transform:none}}
@media(max-width:800px){.representatives-main[data-design=collection]{grid-template-columns:190px minmax(0,1fr);gap:0 18px}[data-design=collection] .rep-brand-tabs button{flex-direction:column;align-items:start;gap:8px}[data-design=collection] .rep-card-copy,[data-design=collection] .rep-logo{padding:25px}[data-design=collection] .rep-card h2{font-size:27px}[data-design=directory] .rep-card-copy{padding:24px 30px}[data-design=spotlight] .rep-list{grid-template-columns:1fr 1fr;padding:18px}[data-design=spotlight] .rep-card,[data-design=spotlight] .rep-card:nth-child(n+4){grid-column:auto}[data-design=spotlight] .rep-card:last-child{grid-column:1/-1}}
@media(max-width:560px){.representatives-main[data-design=collection]{display:block}[data-design=collection] .rep-brand-tabs{flex-direction:row;overflow:auto;margin-bottom:16px}[data-design=collection] .rep-brand-tabs button{min-width:120px;align-items:center;font-size:12px}[data-design=collection] .rep-card.is-current{min-height:0}[data-design=directory] .rep-logo{padding:16px;gap:15px;height:88px}[data-design=directory] .rep-logo img{width:90px}[data-design=directory] .rep-expand{font-size:19px}[data-design=directory] .rep-expand b{width:28px;height:28px}[data-design=spotlight] .rep-list{grid-template-columns:1fr;padding:14px}[data-design=spotlight] .rep-card h2{min-height:0}}
@media(prefers-reduced-motion:reduce){[data-design=directory] .rep-card.is-expanded .rep-card-copy{animation:none}}
