body{background-color:#000;background-image:url("y2k-accents-glass.png")}
body:before{content:"";position:fixed;inset:0;pointer-events:none;z-index:0;opacity:.045;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='180' height='180'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.8' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Cpath fill='%23fff' filter='url(%23n)' d='M0 0h180v180H0z'/%3E%3C/svg%3E")}
footer{position:relative}
.brands{max-width:850px;margin:80px auto 0;padding:0 28px;text-align:center}
.brands h2{font-size:clamp(22px,3vw,32px);font-style:normal;letter-spacing:-.025em;margin-bottom:35px;line-height:1.2}
.brand-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px 24px;align-items:center}
.brand-item{margin:0;display:flex;align-items:center;justify-content:center;min-height:100px;padding:18px 10px}
.brand-item svg,.brand-item img{display:block;width:100%;height:66px;object-fit:contain}
.brand-text{font-size:16px;font-weight:700;letter-spacing:-.02em;background:var(--foil);background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:transparent}
@media(max-width:600px){.brands{margin-top:55px;padding:0 25px}.brand-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.brand-item{min-height:76px;padding:12px 4px}.brand-item svg,.brand-item img{height:48px}}