.ugc-brand-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,280px));gap:32px 24px;align-items:start}
.ugc-brand-card{display:flex;flex-direction:column;align-items:stretch;min-width:0;width:100%;padding:0;border:0;background:transparent;text-align:left}
.ugc-brand-card img{width:100%;height:auto;aspect-ratio:2/3;object-fit:contain;background:#eeeee9}
.ugc-brand-name{font-family:var(--serif);font-size:27px;line-height:1.2;margin-top:15px}
.ugc-brand-description{font-size:13px;color:var(--muted);margin-top:6px}
.ugc-brand-action{align-self:flex-start;border-bottom:1px solid var(--line);font-size:13px;margin-top:12px;padding-bottom:3px}
.ugc-brand-card:hover .ugc-brand-action{border-color:var(--ink)}
.ugc-brand-viewer .ugc-viewer-title{position:absolute;top:20px;left:7vw;right:125px;margin:0;font-size:15px;line-height:1.4;font-weight:400}
.ugc-brand-viewer .lb-controls button{min-width:44px;min-height:44px}
.ugc-brand-viewer .lb-controls button:disabled{visibility:hidden}
@media(max-width:600px){.ugc-brand-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:25px 16px}.ugc-brand-name{font-size:22px}.ugc-brand-description{font-size:12px}.ugc-brand-viewer .ugc-viewer-title{left:5vw}.ugc-brand-viewer{padding-left:5vw;padding-right:5vw}}