.brands{--u:2.5rem;--cell:4.5rem;--tone:.72;--k-col:13rem;--cols:7}.brands-set{display:grid;grid-template-columns:var(--k-col) minmax(0,1fr);gap:.25rem var(--gutter);align-items:center;padding-block:.5rem;border-top:1px solid var(--rule)}.brands-set:last-child{border-bottom:1px solid var(--rule)}.brands + .brands>.brands-set:first-child{border-top:0}.brands-k{margin:0;font-size:var(--t-label);font-weight:600;line-height:1.35;letter-spacing:.08em;text-transform:uppercase;color:var(--muted);text-wrap:balance;text-rendering:geometricPrecision}.brands-k a{color:inherit;text-decoration:none}.brands-k a:hover{color:var(--pace);text-decoration:underline}.brands-row{display:grid;grid-template-columns:repeat(var(--cols),minmax(0,1fr));margin:0;padding:0;list-style:none}.brands-row>li{display:grid;place-items:center;height:var(--cell);padding-inline:.5rem}.brands-row img{width:calc(var(--w,2) * var(--u));max-width:100%;height:auto;opacity:var(--tone);;transition:opacity var(--t-off) var(--ease)}.brands-ink{position:relative;display:block;max-width:100%}.brands-ink>img{display:block}.brands-ink::after{content:"";position:absolute;inset:0;background:var(--c,var(--ink));opacity:0;pointer-events:none;-webkit-mask:var(--m) center / 100% 100% no-repeat;mask:var(--m) center / 100% 100% no-repeat;transition:opacity var(--t-off) var(--ease)}:is(.brands-row>li:hover,.brands-set:has(.brands-k a:is(:hover,:focus-visible)) .brands-row>li) .brands-ink::after{opacity:1}:is(.brands-row>li:hover,.brands-set:has(.brands-k a:is(:hover,:focus-visible)) .brands-row>li) img{opacity:0}.brands-tier{font-size:.75rem;font-weight:500;line-height:1.25;letter-spacing:.01em;text-align:center;color:var(--muted);text-wrap:balance}.brands-row:has(.brands-tier)>li{height:auto;grid-template-rows:calc(var(--cell) - 1rem) auto;align-content:start;row-gap:.1rem;padding-bottom:.55rem}.brands-set.ease{transition:none}.js .brands-set.ease:not(.is-in){opacity:1;transform:none}.brands-set.ease :is(.brands-k,.brands-row>li){transition:opacity 520ms var(--ease) calc(var(--bd,0ms) + var(--sd,0ms)),transform 520ms var(--ease) calc(var(--bd,0ms) + var(--sd,0ms))}.js .brands-set.ease:not(.is-in) :is(.brands-k,.brands-row>li){opacity:0;transform:translateY(10px)}.brands-row>li:nth-child(1){--bd:60ms}.brands-row>li:nth-child(2){--bd:105ms}.brands-row>li:nth-child(3){--bd:150ms}.brands-row>li:nth-child(4){--bd:195ms}.brands-row>li:nth-child(5){--bd:240ms}.brands-row>li:nth-child(6){--bd:285ms}.brands-row>li:nth-child(7){--bd:330ms}.brands-row>li:nth-child(n+8){--bd:375ms}.brands-set:nth-child(2){--sd:40ms}.brands-set:nth-child(3){--sd:80ms}.brands-set:nth-child(4){--sd:120ms}.brands-set:nth-child(n+5){--sd:160ms}:is(.f-deep,.f-slate,.f-night,.f-pace,.brands-dark) .brands{--tone:.86;--rule:var(--rule-dark)}:is(.f-deep,.f-slate,.f-night,.f-pace,.brands-dark) .brands-row img{filter:invert(1)}:is(.f-deep,.f-slate,.f-night,.f-pace,.brands-dark) .brands-k a:hover{color:var(--pace-lift)}:is(.f-deep,.f-slate,.f-night,.f-pace,.brands-dark) .brands-ink::after{content:none}:is(.f-deep,.f-slate,.f-night,.f-pace,.brands-dark) :is(.brands-row>li:hover,.brands-set:has(.brands-k a:is(:hover,:focus-visible)) .brands-row>li) img{opacity:1}:is(.f-deep,.f-slate,.f-night,.f-pace,.brands-dark) .brands-tier{color:var(--on-dark-2)}.brands-bare .brands-set{grid-template-columns:minmax(0,1fr)}.brands-bare .brands-k{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}.brands-center .brands-set{grid-template-columns:minmax(0,1fr);justify-items:center}.brands-center .brands-row{display:flex;flex-wrap:wrap;justify-content:center;width:100%}.brands-center .brands-row>li{flex:0 1 9.5rem}@media (max-width: 72rem){.brands{--cols:6}.brands-set{grid-template-columns:minmax(0,1fr);padding-block:1rem .25rem}}@media (max-width: 56rem){.brands{--cols:5}}@media (max-width: 44rem){.brands{--cols:4;--u:2.25rem}}@media (max-width: 34rem){.brands{--cols:3;--u:2.05rem;--cell:3.4rem}.brands-row>li{padding-inline:.375rem}.brands-center .brands-row>li{flex-basis:33.33%}}@media (prefers-reduced-motion: reduce){.brands-row img,.brands-ink::after{transition:none}}@media (forced-colors: active){.brands-row img{opacity:1 !important}.brands-ink::after{content:none}}@media print{.brands-row img{opacity:1;filter:none !important}}