.brand-gallery{position:absolute;left:5%;right:5%;bottom:12%;z-index:4;pointer-events:auto}
.brand-gallery[hidden]{display:none}
.brand-gallery-track{display:flex;gap:12px;height:15vh;max-height:190px;overflow:hidden}
.brand-gallery-frame{position:relative;flex:1;min-width:0;margin:0;overflow:hidden;clip-path:polygon(14% 0,100% 0,86% 100%,0 100%);background:#78818a}
.brand-gallery-photo{position:absolute;inset:0;background-image:url('assets/brand-gallery/reference-strip.png');background-size:400% 176%;background-position:calc(var(--photo)*100% / 3) 41%;filter:saturate(.55);transition:filter .3s,scale .3s}
.brand-gallery-frame:hover .brand-gallery-photo{filter:saturate(1);scale:1.025}
.brand-gallery-controls{display:flex;justify-content:center;gap:8px;margin-top:4px}
.brand-gallery-controls button{position:relative;width:52px;height:24px;border:0;background:transparent;cursor:pointer}
.brand-gallery-controls button::after{content:'';position:absolute;inset:10px 0;border:1px solid #68737c;transform:skewX(-35deg);transition:background .2s}
.brand-gallery-controls button[aria-pressed=true]::after{background:#26323b;border-color:#26323b}
.brand-gallery-controls button:focus-visible{outline:2px solid #26323b;outline-offset:2px}
@media(max-width:640px){.brand-gallery{left:4%;right:4%;bottom:12%}.brand-gallery-track{height:9vh;gap:4px}.brand-gallery-controls{margin-top:0}}