[data-collection-grid]>[hidden]{display:none!important}
[data-collection-grid]{position:relative;align-content:start}
.collection{margin-top:70px}
.collection .logo-head,.collection .artist-head{margin-top:0}
.collection .brands-grid{grid-template-columns:repeat(6,minmax(0,1fr));gap:25px 22px}
.collection .brand-item{height:110px;padding:22px;position:relative;outline:none;border:1px solid #31546350;border-radius:3px;background:linear-gradient(150deg,#0c1a22aa,#070d13);transition:border-color .25s,background .25s}
.collection .brand-item:hover,.collection .brand-item:focus-visible{border-color:#00d2e870;background:#0b232c}
.collection .brand-item img{object-fit:contain;max-width:100%;max-height:64px;filter:brightness(0) invert(1);opacity:.85}
.collection .brand-item.logo-opaque img{filter:grayscale(1) invert(1) contrast(1.7);mix-blend-mode:screen}
.collection .brand-item.logo-opaque:hover img,.collection .brand-item.logo-opaque:focus-visible img{filter:grayscale(1) invert(1) contrast(1.7);mix-blend-mode:screen}
.collection .brand-item.logo-on-dark img,.collection .brand-item.logo-on-dark:hover img,.collection .brand-item.logo-on-dark:focus-visible img{filter:grayscale(1) contrast(1.7);mix-blend-mode:screen}
.logo-filter-defs{position:absolute;pointer-events:none}
.brand-lockup{display:flex;align-items:center;gap:12px;width:100%;height:100%}
.collection .brand-lockup img{max-width:calc(50% - 6px);max-height:58px}
.collection .brand-lockup .logo-image-opaque{filter:grayscale(1) invert(1) contrast(1.7);mix-blend-mode:screen}
.collection .brand-item:hover img,.collection .brand-item:focus-visible img{filter:brightness(0) invert(1) url(#brevko-cyan-tint)}
.collection .brand-item.logo-opaque:hover img,.collection .brand-item.logo-opaque:focus-visible img,.collection .brand-item:hover .logo-image-opaque,.collection .brand-item:focus-visible .logo-image-opaque{filter:grayscale(1) invert(1) contrast(1.7) url(#brevko-cyan-tint)}
.collection .brand-item.logo-on-dark:hover img,.collection .brand-item.logo-on-dark:focus-visible img{filter:grayscale(1) contrast(1.7) url(#brevko-cyan-tint)}
.brand-credits{max-width:1560px;margin:auto;padding:0 48px 20px;font:400 8px var(--mono);color:#79919b}
.brand-credits summary{cursor:pointer;letter-spacing:.08em}
.brand-credits a{text-decoration:underline}
.collection .brand-item:hover img,.collection .brand-item:focus-visible img{opacity:1;transform:none}
.brand-label{font:500 9px var(--mono);position:absolute;bottom:6px;left:8px;right:8px;text-align:center;color:var(--cyan);opacity:0;transition:opacity .2s;text-transform:uppercase}
.brand-item:hover .brand-label,.brand-item:focus-visible .brand-label{opacity:1}
.brand-wordmark{font:700 clamp(17px,2vw,27px) var(--display);letter-spacing:.04em;text-align:center;line-height:1.05;color:#d7f5f8}
.brand-item:hover .brand-wordmark,.brand-item:focus-visible .brand-wordmark{color:var(--cyan)}
.collection .artists-grid{grid-template-columns:repeat(6,minmax(0,1fr));gap:36px 25px}
.artist-circle{background:radial-gradient(ellipse at 50% 42%,#08778670 0,#0b2936 40%,#060d14 74%);box-shadow:0 0 0 1px #57afbb44}
.artist-circle.portrait-generated img{left:0;top:0;width:100%;height:100%;object-fit:cover;filter:none}
.artist-circle.portrait-generated .artist-tint{display:none}
.artist-card:hover .portrait-generated img,.artist-card:focus-visible .portrait-generated img{filter:none}
.collection-controls{display:flex;flex-direction:column;align-items:center;gap:18px;margin-top:36px}
.collection-toggle{display:flex;align-items:center;justify-content:center;gap:28px;border:1px solid var(--cyan);padding:17px 26px;background:transparent;color:var(--cyan);font:500 11px var(--mono);letter-spacing:.08em;cursor:pointer;min-width:225px;transition:background .2s,color .2s}
.collection-toggle:hover,.collection-toggle:focus-visible{background:var(--cyan);color:#041016}
.collection-toggle-icon{font-size:23px;line-height:.8;transition:transform .4s}
.collection-expanded .collection-toggle-icon{transform:rotate(45deg)}
.collection-pause{border:0;background:none;color:#8daeb8;font:400 9px var(--mono);letter-spacing:.09em;padding:7px;cursor:pointer}
.collection-pause:hover{color:var(--cyan)}
.collection-shown{font:500 10px var(--mono);color:var(--cyan)}
[data-collection]:not(.collection-ready) .artists-grid .artist-card:nth-child(n+19),[data-collection]:not(.collection-ready) .brands-grid .brand-item:nth-child(n+19){display:none}
.collection-expanded .artist-card:nth-child(n),.collection-expanded .brand-item:nth-child(n){display:block}
.collection-expanded .brand-item:nth-child(n){display:grid}
@media(max-width:1100px){.collection .brands-grid,.collection .artists-grid{grid-template-columns:repeat(5,minmax(0,1fr))}[data-collection]:not(.collection-ready) .artists-grid .artist-card:nth-child(n+16),[data-collection]:not(.collection-ready) .brands-grid .brand-item:nth-child(n+16){display:none}}
@media(max-width:850px){.collection .brands-grid,.collection .artists-grid{grid-template-columns:repeat(4,minmax(0,1fr))}[data-collection]:not(.collection-ready) .artists-grid .artist-card:nth-child(n+13),[data-collection]:not(.collection-ready) .brands-grid .brand-item:nth-child(n+13){display:none}}
@media(max-width:620px){.collection .brands-grid,.collection .artists-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:22px 10px}.collection .brand-item{height:90px;padding:15px 10px}.collection .brand-item img{max-height:52px}.brand-wordmark{font-size:19px}.brand-label{font-size:7px}[data-collection]:not(.collection-ready) .artists-grid .artist-card:nth-child(n+10),[data-collection]:not(.collection-ready) .brands-grid .brand-item:nth-child(n+10){display:none}.collection-toggle{padding:15px 23px}}
@media(prefers-reduced-motion:reduce){.collection-toggle-icon{transition:none}}


.collection .brand-lockup .logo-image-dark{filter:grayscale(1) contrast(1.7);mix-blend-mode:screen}
.collection .brand-item:hover .logo-image-dark,.collection .brand-item:focus-visible .logo-image-dark{filter:grayscale(1) contrast(1.7) url(#brevko-cyan-tint)}