/* Visible artwork, rather than padded image files, defines alignment and size. */
.brand-pair{--brand-scale:1;display:flex;align-items:center;justify-content:flex-start;gap:10px;min-width:0;min-height:44px;margin:20px 0;line-height:1;letter-spacing:0}
.brand-pair .brand-image{position:relative;display:block;width:calc(var(--w)*var(--brand-scale));height:calc(var(--h)*var(--brand-scale));overflow:hidden;flex:none}
.brand-pair .brand-image img{position:absolute;max-width:none;width:calc(var(--iw)*var(--brand-scale));height:calc(var(--ih)*var(--brand-scale));left:calc(var(--x)*var(--brand-scale));top:calc(var(--y)*var(--brand-scale));object-fit:fill;mix-blend-mode:multiply}
.brand-pair .brand-reversed img{filter:brightness(0)}
.brand-pair .brand-vs{flex:none;color:#687b7d;font:400 calc(12px*var(--brand-scale))/1 Lato,sans-serif;letter-spacing:.035em}
.brand-pair .brand-name{color:#10343c;font:700 calc(var(--name-size,17px)*var(--brand-scale))/1.15 Lato,sans-serif;white-space:nowrap;letter-spacing:-.3px}
.brand-pair .brand-growth{color:#008364;font-size:calc(16px*var(--brand-scale))}
.brand-pair .brand-named-icon{display:flex;align-items:center;gap:6px}
.brand-pair .brand-icon{display:block;width:calc(var(--icon-size,22px)*var(--brand-scale));height:calc(var(--icon-size,22px)*var(--brand-scale));object-fit:contain;mix-blend-mode:multiply;flex:none}
.compare-detail-hero{background:var(--surface-soft,#f0f4f1);color:var(--MainDark,#10343c);padding-top:36px;padding-bottom:56px}
.compare-detail-hero .breadcrumbs,.compare-detail-hero .breadcrumbs a{color:#52696c}
.compare-detail-hero .brand-pair-hero{--brand-scale:1.9;gap:20px;min-height:76px;margin:0 auto 32px;justify-content:center}
.compare-detail-hero h1{font-size:clamp(32px,4.2vw,56px);max-width:1050px;line-height:1.15;margin:0 auto;overflow-wrap:normal}
.compare-detail-hero .compare-lead{color:var(--MainDark);font:400 clamp(19px,2vw,24px)/1.5 Lato,sans-serif;max-width:800px;margin:22px 0 28px}
.compare-detail-hero .compare-meta{color:#52696c;border-color:#cad6d3;margin-top:36px;padding-top:20px}
.compare-detail-hero .enter-button{display:inline-flex}
@media(max-width:650px){.compare-detail-hero .brand-pair-hero{--brand-scale:1.2;gap:12px;min-height:48px;margin-bottom:24px}.compare-detail-hero{padding-top:24px;padding-bottom:40px}.compare-detail-hero .breadcrumbs{margin-bottom:28px}.brand-pair{gap:8px}.compare-detail-hero h1{font-size:34px}}
@media(max-width:370px){.compare-detail-hero .brand-pair-hero{--brand-scale:1;gap:10px}}