.pick-brands{display:grid;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));grid-gap:22px 16px;gap:22px 16px}@media (min-width:900px){.pick-brands{grid-template-columns:repeat(auto-fill,minmax(200px,1fr))}}.pick-brand{display:block;min-width:0;text-decoration:none}.pick-brand__face{display:grid;place-items:center;aspect-ratio:5/3;padding:16px;background:linear-gradient(158deg,var(--page) 0,var(--pist-1) 100%);border:1px solid var(--line);border-radius:var(--r-lg);transition:border-color .15s ease,transform .15s ease}.pick-brand:hover .pick-brand__face{border-color:#B9CFA6;transform:translateY(-2px)}.pick-brand__name{font-family:var(--font-display);font-weight:700;letter-spacing:-.03em;line-height:1.1;font-size:clamp(18px,2.2vw,24px);color:var(--olive-ink);text-align:center;overflow-wrap:anywhere}.pick-brand__logo{max-width:80%;max-height:60%;object-fit:contain}.pick-brand--own .pick-brand__face{background:var(--band);border-style:dashed}.pick-brand--own .pick-brand__name{color:var(--olive)}.pick-brand--soon{cursor:default}.pick-brand--soon .pick-brand__face{background:var(--band);opacity:.55}.pick-brand--soon:hover .pick-brand__face{border-color:var(--line);transform:none}.pick-brand__meta{display:block;margin-top:9px;font-size:13px;color:var(--muted);text-align:center}