.ej-brand-section{--brand-ink:#18364e;--brand-muted:#53616a;--brand-line:#d5dde1;max-width:1440px;margin:0 auto;padding:84px 5%;background:#fff;scroll-margin-top:86px;color:#202a31}
.ej-brand-section *{box-sizing:border-box}
.ej-brand-section ::selection{background:#18364e;color:#fff}
.ej-brand-heading{display:flex;justify-content:space-between;align-items:flex-end;gap:32px;margin-bottom:34px}
.ej-brand-heading h2{font-size:34px;font-weight:600;letter-spacing:0;line-height:1.4;margin:0;color:var(--brand-ink);text-wrap:balance}
.ej-brand-heading p{margin:0;font-size:15px;line-height:1.85;color:var(--brand-muted)}
.ej-brand-directory{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));border-top:1px solid var(--brand-line);border-bottom:1px solid var(--brand-line);margin-bottom:42px}
.ej-brand-tab{font:inherit;cursor:pointer;position:relative;background:#fff;border:0;border-bottom:2px solid transparent;min-height:116px;padding:20px 12px 14px;display:flex;flex-direction:column;align-items:center;justify-content:space-between;gap:13px;color:var(--brand-muted);transition:background-color .18s ease}
.ej-brand-tab:nth-child(-n+4){box-shadow:0 1px 0 var(--brand-line)}
.ej-brand-tab[aria-selected="true"]{background:#edf1f3;border-bottom-color:var(--brand-ink);color:var(--brand-ink)}
.ej-brand-tab:hover{background:#f4f6f7}
.ej-brand-logo{height:43px;display:flex;align-items:center;justify-content:center;width:100%}
.ej-brand-logo img{display:block;max-width:100%;max-height:43px;object-fit:contain;height:auto}
/* The official Manual Alphabet site uses difference blending for this white SVG. */
.ej-brand-tab[data-brand="manual-alphabet"] .ej-brand-logo{background:#fff;isolation:isolate}
.ej-brand-tab[data-brand="manual-alphabet"] img{mix-blend-mode:difference}
.ej-brand-tab-name{font-size:12px;line-height:1.4;text-align:center;letter-spacing:0}
.ej-brand-section :is(button,a,summary,[role="tabpanel"]):focus-visible{outline:2px solid var(--brand-ink);outline-offset:4px}
.ej-brand-panel{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.04fr);gap:clamp(32px,5vw,76px);align-items:start}
.ej-brand-panel[hidden]{display:none}
.ej-brand-photo{border:0;background:#f4f6f6;cursor:pointer;padding:0;position:relative;width:100%;aspect-ratio:1/1.04;overflow:hidden;display:block;color:var(--brand-ink);font:inherit}
.ej-brand-photo>img{width:100%;height:100%;object-fit:contain;display:block}
.ej-brand-photo>span{position:absolute;left:0;bottom:0;right:0;background:rgba(255,255,255,.96);display:flex;align-items:center;justify-content:space-between;gap:16px;padding:18px 22px;font-size:14px;text-align:left}
.ej-brand-photo:hover>span{text-decoration:underline;text-underline-offset:5px}
.ej-brand-copy{padding:5px 0 0;min-width:0}
.ej-brand-copy h3{margin:0 0 20px;font-weight:600;font-size:32px;line-height:1.3;letter-spacing:-.015em;overflow-wrap:anywhere;color:var(--brand-ink)}
.ej-brand-copy h4{font-size:18px;line-height:1.6;margin:0 0 14px;font-weight:500;text-wrap:balance}
.ej-brand-copy p{font-size:15px;line-height:1.95;margin:0 0 16px;max-width:42em}
.ej-brand-copy .ej-brand-selection{color:var(--brand-muted);margin-bottom:28px}
.ej-brand-products{border-top:1px solid var(--brand-line);margin:0}
.ej-brand-products summary{cursor:pointer;min-height:54px;display:flex;align-items:center;justify-content:space-between;font-size:14px;color:var(--brand-ink);list-style:none;gap:16px}
.ej-brand-products summary::-webkit-details-marker{display:none}
.ej-brand-products summary>span{color:var(--brand-muted);font-variant-numeric:tabular-nums;display:flex;align-items:center;gap:18px}
.ej-brand-products[open] .ej-brand-disclosure-vertical{display:none}
.ej-brand-products>div{max-height:252px;overflow:auto;scrollbar-color:#7c8d99 #eef1f3;scrollbar-width:thin}
.ej-brand-products button{font:inherit;font-size:14px;width:100%;display:grid;grid-template-columns:minmax(0,1fr) auto 20px;gap:14px;align-items:center;min-height:56px;border:0;border-top:1px solid var(--brand-line);background:#fff;padding:13px 4px;text-align:left;color:#202a31;cursor:pointer}
.ej-brand-products button:hover{color:var(--brand-ink);background:#f4f6f7}
.ej-brand-product-state{font-size:12px;color:var(--brand-muted);white-space:nowrap}
@media(max-width:700px){
 .ej-brand-section{padding:52px 22px;scroll-margin-top:74px}
 .ej-brand-heading{display:block;margin-bottom:24px}
 .ej-brand-heading h2{font-size:26px;margin-bottom:15px}
 .ej-brand-heading p{font-size:14px}
 .ej-brand-directory{grid-template-columns:repeat(2,minmax(0,1fr));margin-bottom:28px}
 .ej-brand-tab{min-height:103px;padding:16px 10px 12px;gap:10px}
 .ej-brand-tab:nth-child(-n+6){box-shadow:0 1px 0 var(--brand-line)}
 .ej-brand-tab-name{font-size:11px}
 .ej-brand-panel{grid-template-columns:1fr;gap:25px}
 .ej-brand-photo{aspect-ratio:1.15}
 .ej-brand-copy h3{font-size:27px;margin-bottom:17px}
 .ej-brand-copy h4{font-size:18px}
 .ej-brand-copy p{font-size:15px;line-height:1.9}
 .ej-brand-products button{font-size:13px;gap:10px;min-height:56px}
}
@media(prefers-reduced-motion:reduce){.ej-brand-tab{transition:none}}