#brands{overflow:hidden;background:#e8e3da;color:#171714}#brands .brands-copy h2{font-size:clamp(56px,8vw,108px);line-height:.93;letter-spacing:-.07em}#brands .brands-copy p{color:#59564f}.brand-controls{display:flex;align-items:center;gap:22px;flex-wrap:wrap;margin:0 0 30px}.brand-controls button,.brand-controls label,.brand-controls select{font:12px var(--mono);color:#48453f}.brand-controls button{padding:9px 0;border:0;border-bottom:1px solid #aaa398;background:none;cursor:pointer}.brand-controls select{background:transparent;padding:8px;border:1px solid #aaa398}.brand-controls [hidden]{display:none!important}
#brand-grid{border:0;position:relative;gap:14px}#brand-grid.track-mode{display:block;margin-inline:calc(-1 * var(--gutter));padding:0 0 22px}#brand-grid.track-mode:after{content:'';position:absolute;left:50%;top:-8px;bottom:0;width:1px;background:#8b482e;pointer-events:none;opacity:.6}#brand-grid.track-mode:before{content:'';position:absolute;left:calc(50% - 4px);top:-12px;width:9px;height:7px;background:#8b482e;z-index:3;pointer-events:none}.brand-track{position:relative;margin-bottom:16px;overflow:hidden;touch-action:pan-y;mask-image:linear-gradient(90deg,transparent,#000 5%,#000 95%,transparent)}.brand-track-label{position:absolute;left:18px;top:10px;z-index:3;font:11px var(--mono);color:#5e5b55;background:#e8e3da;padding:3px}.brand-belt{display:flex;gap:14px;width:max-content;will-change:transform;padding:10px 0}.brand-track:nth-child(2){margin-left:-75px}.brand-track:nth-child(2) .brand-track-label{left:93px}
#brands .brand-card{position:relative;display:flex;flex-direction:column;align-items:flex-start;justify-content:space-between;gap:18px;min-width:0;min-height:190px;padding:23px!important;border:1px solid #c9c2b6;border-radius:5px;background:#e0dbd1;transition:background .3s,transform .3s;overflow:hidden;text-decoration:none}#brands .brand-belt .brand-card{width:var(--tile-width,265px);flex:none}#brands .brand-card h3{font-size:18px;line-height:1.2;letter-spacing:-.025em;overflow-wrap:anywhere;margin:0 0 8px;max-width:100%}#brands .brand-card p{font:12px/1.55 var(--mono);letter-spacing:0;color:#59564f;text-transform:none}#brands .brand-icon{background:transparent;border:0;border-radius:0;width:44px;height:36px;filter:grayscale(1);transition:filter .3s}#brands .brand-icon img{width:34px;height:34px}.brand-copy{position:relative;z-index:1;max-width:100%}.brand-card .brand-arrow{position:absolute;right:18px;top:23px;color:#59564f}.brand-still{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;opacity:0;transition:opacity .3s}.brand-card:has(.brand-still):after{content:'';position:absolute;inset:0;background:linear-gradient(transparent,#141413e8);opacity:0;transition:opacity .3s}#brands .brand-card:is(:hover,:focus-visible,.at-playhead){background:#f4f1ea;transform:translateY(-3px)}#brands .brand-card:is(:hover,:focus-visible,.at-playhead) .brand-icon{filter:none}#brands .brand-card:is(:hover,:focus-visible,.at-playhead) .brand-still{opacity:1}#brands .brand-card:has(.brand-still):is(:hover,:focus-visible,.at-playhead):after{opacity:1}#brands .brand-card:has(.brand-still):is(:hover,:focus-visible,.at-playhead) .brand-copy,#brands .brand-card:has(.brand-still):is(:hover,:focus-visible,.at-playhead) .brand-copy p{color:#f4f1ea}.brand-card:focus-visible{outline:2px solid #8b482e;outline-offset:3px}#brands .brand-grid:not(.track-mode){grid-template-columns:repeat(3,minmax(0,1fr))}.brand-stats{grid-template-columns:repeat(auto-fit,minmax(190px,1fr))}.brand-stat-note,.brand-stat-label,.brand-page-subtitle,.brand-data-note{color:#59564f;font-size:12px;letter-spacing:.02em}.brand-films{margin-top:35px;display:grid;gap:12px}.brand-films a{display:flex;align-items:center;gap:20px;padding:12px 0;border-bottom:1px solid #ccc5b9}.brand-films img{width:100px;aspect-ratio:16/9;object-fit:cover;border-radius:4px}.brand-page-title{line-height:.95;overflow-wrap:anywhere}.brand-page-top{align-items:start}.brand-page-top .small-link{white-space:nowrap}
@media(max-width:760px){#brands .brand-grid:not(.track-mode){grid-template-columns:repeat(2,minmax(0,1fr))}#brands .brand-card{padding:18px!important}#brands .brand-card h3{font-size:17px}#brands .brand-belt .brand-card{width:255px}.brand-page-top{display:block}.brand-controls{gap:16px}.brand-page-top .small-link{margin-top:20px;display:inline-block}}
@media(max-width:480px){#brands .brand-grid:not(.track-mode){grid-template-columns:1fr}#brands .brand-grid:not(.track-mode) .brand-card{min-height:155px}}
@media(prefers-reduced-motion:reduce){#brands .brand-card,#brands .brand-icon,.brand-still{transition:none!important;transform:none!important}.brand-belt{will-change:auto}}