.brands-surface{--brand-ink: #181818;--brand-paper: #f2f0ea;--brand-rule: #c9c6bf;--brand-yellow: #fdcc27;--brand-hover: #eae3cf;--brand-selected: #f5e5a5;margin-block:3rem 2rem}.brands-surface button,.brands-surface input,.brand-review button{font:inherit;color:inherit}.brands-surface button,.brand-review button{cursor:pointer;border-radius:0}.brands-surface button:focus-visible,.brands-surface input:focus-visible,.brand-review button:focus-visible{outline:2px solid #181818;outline-offset:4px}.brands-surface button:disabled{cursor:wait}.brand-tools{display:flex;align-items:start;justify-content:space-between;gap:2rem}.brand-search{width:min(24rem,100%)}.brand-search label{display:block;font-size:.875rem;margin-bottom:.5rem}.brand-search input{width:100%;padding:.8rem 0;border:0;border-bottom:1px solid var(--brand-ink);background:transparent;border-radius:0;caret-color:var(--brand-ink)}.brand-search input::placeholder{color:#6b6963;opacity:1}.inquiry-summary{display:flex;flex-direction:column;align-items:end;max-width:50%;gap:.75rem}.brand-selection p{margin:0;font-size:.875rem}.review-inquiry{display:inline-flex;align-items:center;justify-content:space-between;gap:2.5rem;padding:.8rem 1.1rem;background:var(--brand-ink);color:#faf9f5;text-decoration:none}.review-inquiry:hover{background:#34332f}.brands-surface a:focus-visible{outline:2px solid var(--brand-ink);outline-offset:4px}.brand-inquiry-rail{position:sticky;top:0;z-index:5;min-height:calc(4.5rem + env(safe-area-inset-top,0px));padding-top:env(safe-area-inset-top,0px);pointer-events:none}.brand-inquiry-rail[data-visible=false]{min-height:0;height:0;padding-top:0}.brand-inquiry-dock{display:flex;align-items:center;justify-content:space-between;gap:1rem;width:min(25rem,100%);margin-left:auto;padding:.5rem;border-bottom:2px solid var(--brand-yellow);background:var(--brand-paper);pointer-events:auto}.brand-inquiry-dock[hidden]{display:none}.brand-inquiry-dock>span{padding-left:.5rem;font-size:.875rem;font-variant-numeric:tabular-nums}.brand-inquiry-dock .review-inquiry{min-height:2.75rem;gap:1rem;padding:.6rem .8rem}.brands-surface :is(.brand-tile,.brand-pagination,.brand-result-status){scroll-margin-block:calc(5rem + env(safe-area-inset-top,0px)) 1rem}.brand-alphabet{display:flex;flex-wrap:wrap;gap:.15rem;padding-block:1.6rem;margin-top:1rem;border-bottom:1px solid var(--brand-rule)}.brand-alphabet button{min-width:2.2rem;min-height:2.75rem;border:0;padding:.4rem;background:transparent;font-size:.8rem}.brand-alphabet button[aria-pressed=true]{background:var(--brand-yellow);font-weight:700}.brand-grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:1rem;list-style:none;padding:1.5rem 0 0;margin:0}.brand-grid li{min-width:0}.brand-tile{position:relative;width:100%;aspect-ratio:1.4;display:grid;grid-template-rows:minmax(0,1fr) auto;align-items:center;gap:.75rem;padding:2rem 1.25rem 1rem;border:0;background:transparent;transition:background-color .2s ease-out}.brand-tile:after{content:"";position:absolute;left:1.25rem;right:1.25rem;bottom:0;height:2px;background:var(--brand-yellow);transform:scaleX(0);transform-origin:left;transition:transform .2s ease-out}@media(hover:hover)and (pointer:fine){.brand-tile:not(:disabled):hover{background:var(--brand-hover)}.brand-tile:not(:disabled):hover:after{transform:scaleX(1)}}.brand-tile:focus-visible{background:var(--brand-hover)}.brand-tile:focus-visible:after,.brand-tile[aria-pressed=true]:after{transform:scaleX(1)}.brand-tile{-webkit-tap-highlight-color:transparent}.brand-tile[aria-pressed=true],.brand-tile[aria-pressed=true]:hover,.brand-tile[aria-pressed=true]:focus-visible{background:var(--brand-selected)}.brand-mark{position:relative;display:grid;place-items:center;width:100%;height:100%;min-width:0;min-height:0}.brand-mark img{position:absolute;inset:0;margin:auto;display:block;width:auto;height:auto;max-width:86%;max-height:min(4.5rem,100%);object-fit:contain}.brand-tile[data-logo-shape=portrait] .brand-mark img{height:5.5rem;max-width:60%;max-height:100%}.brand-tile[data-logo-shape=wide] .brand-mark img{width:100%;max-width:100%}.brand-caption{align-self:end;font-size:.8125rem;line-height:1.4;color:#5d5a52;font-weight:400;text-align:center;overflow-wrap:anywhere;text-wrap:pretty}.brand-mark [hidden]{display:none}.brand-name{font-family:Georgia,Times New Roman,serif;font-size:clamp(1rem,1.7vw,1.4rem);line-height:1.25;text-align:center;overflow-wrap:anywhere}.brand-toggle{position:absolute;top:.5rem;right:.5rem;display:grid;place-items:center;width:1.8rem;height:1.8rem;color:var(--brand-ink);opacity:0;transition:opacity .2s ease-out}.brand-tile:hover .brand-toggle,.brand-tile:focus-visible .brand-toggle,.brand-tile[aria-pressed=true] .brand-toggle{opacity:1}.brand-tile[aria-pressed=true] .brand-toggle{background:var(--brand-yellow)}.brand-empty{padding-block:4rem;min-height:16rem}.brand-empty h2{font-family:Georgia,Times New Roman,serif;font-size:clamp(1.6rem,3vw,2.3rem);font-weight:400;line-height:1.25}.brand-empty button,.brand-pagination button,.brand-selection>button{background:transparent;border:0;border-bottom:1px solid currentColor;padding:.6rem 0}.brand-pagination{text-align:center;padding-top:2rem}.brand-result-status{min-height:1.5rem;font-size:.8rem;color:#6b6963}.selected-brands{display:flex;flex-wrap:wrap;gap:.5rem 1rem;list-style:none;padding:0;margin:.75rem 0 0}.selected-brands li{display:flex;align-items:center;gap:.3rem;min-width:0;max-width:100%;border-bottom:1px solid #c9c6bf;font-size:.875rem}.selected-brands li span{overflow-wrap:anywhere}.selected-brands button{display:grid;place-items:center;flex:0 0 2.75rem;min-height:2.75rem;border:0;background:transparent}.brand-review{margin-block:2rem;padding-block:1.5rem;border-block:1px solid #c9c6bf}.brand-review h2{font-size:1.25rem;margin-top:0}@media(max-width:1023px){.brand-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}@media(max-width:599px){.brand-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:.5rem}.brand-tools{flex-direction:column;gap:1.5rem}.inquiry-summary{align-items:start;max-width:100%;width:100%}.review-inquiry{width:100%}.brand-tile{aspect-ratio:1.08;padding:2rem .75rem .85rem;gap:.75rem}.brand-mark img{max-height:min(3.6rem,100%)}.brand-tile[data-logo-shape=portrait] .brand-mark img{height:4.5rem}.brand-caption{font-size:.75rem;line-height:1.45}.brand-name{font-size:1.15rem}.brand-alphabet{display:grid;grid-template-columns:repeat(9,minmax(0,1fr));gap:.125rem;padding-block:1rem}.brand-alphabet button{min-width:0;min-height:2.75rem;font-size:.8125rem}.brand-inquiry-dock{gap:.5rem}.brand-inquiry-dock .review-inquiry{width:auto;gap:.75rem}}@media(hover:none),(pointer:coarse){.brand-toggle{opacity:1}}@media(prefers-reduced-motion:reduce){.brand-tile,.brand-tile:after,.brand-toggle{transition:none}}