.brands{width:100%;min-height:100dvh;background:var(--color-gray-50)}.brands__header{background:var(--color-white);border-bottom:1px solid var(--color-rule);padding:var(--spacing-xl) 0}.brands__header-inner{display:flex;align-items:center;gap:var(--spacing-xl)}.brands__eyebrow{display:inline-flex;align-items:center;gap:var(--spacing-xs);font:var(--font-weight-bold) var(--font-size-xs) var(--font-family-mono);text-transform:uppercase;letter-spacing:.16em;color:var(--color-primary);white-space:nowrap}.brands__eyebrow-mark{font-size:.55rem;opacity:.7}.brands__header-body{display:flex;align-items:baseline;gap:var(--spacing-md);flex:1;min-width:0;border-left:1px solid var(--color-rule);padding-left:var(--spacing-xl)}.brands__header-title{font:var(--font-weight-bold) clamp(1.25rem,2.5vw,1.75rem) var(--font-family-secondary);color:var(--color-text-darker);letter-spacing:-.02em;line-height:1.2;margin:0}.brands__header-count{font:var(--font-weight-medium) var(--font-size-sm) var(--font-family-mono);color:var(--color-text-light);white-space:nowrap}.brands__section{padding:var(--spacing-2xl) 0 var(--spacing-3xl);scroll-margin-top:120px}.brands__bento{display:grid;grid-template-columns:repeat(6,1fr);grid-auto-rows:200px;gap:1rem;padding:14px;overflow:visible}@media(max-width:960px){.brands__bento{grid-template-columns:repeat(2,1fr);grid-auto-rows:minmax(200px,auto)}}@media(max-width:640px){.brands__bento{grid-template-columns:1fr;grid-auto-rows:auto;padding:8px}}.brands__tile{position:relative;border-radius:14px;text-decoration:none;color:inherit;cursor:pointer;transition:transform .22s cubic-bezier(.32,.72,0,1),border-color .22s ease,box-shadow .32s ease;transform-style:preserve-3d}.brands__tile--std{overflow:visible}@media(max-width:960px){.brands__tile--std{overflow:hidden}}.brands__tile--featured{overflow:hidden}.brands__tile--std{grid-column:span 2;background:var(--color-white);border:1px solid var(--color-gray-200);padding:1.25rem}@media(max-width:960px){.brands__tile--std{grid-column:span 1;min-height:200px}}@media(max-width:640px){.brands__tile--std{grid-column:1/-1;min-height:200px}}.brands__tile--std:after{content:"";position:absolute;inset:1px;background:radial-gradient(280px circle at var(--mx, 50%) var(--my, 50%),rgba(0,110,158,.18),transparent 60%);opacity:0;transition:opacity .26s ease;pointer-events:none;z-index:1;border-radius:13px}@media(hover:hover){.brands__tile--std:hover{border-color:var(--color-primary);box-shadow:0 30px 55px #006e9e3d}.brands__tile--std:hover:after{opacity:1}.brands__tile--std:hover .brands__tile-logo{transform:scale(1.12)}.brands__tile--std:hover .brands__tile-cat{color:var(--color-primary)}.brands__tile--std:hover .brands__tile-foot{opacity:1;transform:translateY(0)}}.brands__tile--featured{grid-column:span 3;grid-row:span 2;background:linear-gradient(135deg,var(--color-primary-darker) 0%,var(--color-primary) 100%);color:var(--color-white);padding:2rem;display:flex;flex-direction:column;justify-content:space-between;border:1px solid transparent}@media(max-width:960px){.brands__tile--featured{grid-column:1/-1;grid-row:auto;min-height:360px;padding:1.5rem}}@media(max-width:640px){.brands__tile--featured{min-height:420px;padding:1.25rem}}.brands__tile--featured:before{content:"";position:absolute;inset:0;background:radial-gradient(circle at 12% 12%,rgba(173,200,47,.3),transparent 45%),radial-gradient(circle at 92% 90%,rgba(0,0,0,.5),transparent 55%);pointer-events:none;transition:opacity .32s ease}.brands__tile--featured:after{content:"";position:absolute;inset:1px;background:radial-gradient(420px circle at var(--mx, 50%) var(--my, 50%),rgba(173,200,47,.28),transparent 55%);opacity:0;transition:opacity .32s ease;pointer-events:none;border-radius:13px}@media(hover:hover){.brands__tile--featured:hover{transform:translateY(-4px);border-color:var(--color-secondary);box-shadow:0 30px 60px #006e9e52}.brands__tile--featured:hover:before{opacity:.6}.brands__tile--featured:hover:after{opacity:1}.brands__tile--featured:hover .brands__featured-logo{transform:scale(1.06) translate(-4px)}.brands__tile--featured:hover .brands__featured-name{transform:translate(6px)}.brands__tile--featured:hover .brands__featured-cat{background:#adc82f47}}.brands__tile-head{position:absolute;top:1.25rem;left:1.25rem;right:1.25rem;display:flex;justify-content:space-between;align-items:baseline;z-index:2}.brands__tile-cat{font:var(--font-weight-bold) 12px var(--font-family-mono);letter-spacing:.16em;text-transform:uppercase;color:var(--color-text-light);transition:color var(--transition-fast)}.brands__tile-count{font:var(--font-weight-bold) 13px var(--font-family-mono);letter-spacing:.06em;color:var(--color-primary)}.brands__tile-body{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;padding:1.25rem}.brands__tile-logo{max-height:76px;max-width:80%;object-fit:contain;transition:transform .34s cubic-bezier(.32,.72,0,1)}.brands__tile-name-fallback{font:var(--font-weight-extrabold) clamp(1.35rem,1.8vw,1.65rem) var(--font-family-secondary);letter-spacing:-.02em;color:var(--color-text-darker);text-align:center;line-height:1.05}.brands__tile-foot{position:absolute;bottom:1.25rem;left:1.25rem;right:1.25rem;display:flex;justify-content:space-between;align-items:center;opacity:0;transform:translateY(6px);transition:opacity .26s ease,transform .3s cubic-bezier(.32,.72,0,1);z-index:2}@media(hover:none){.brands__tile-foot{opacity:1;transform:none}}.brands__tile-foot-name{font:var(--font-weight-bold) 14px var(--font-family-secondary);color:var(--color-text-darker)}.brands__tile-foot-arrow{font:var(--font-weight-bold) 14px var(--font-family-mono);color:var(--color-primary)}.brands__featured-top{position:relative;z-index:2;display:flex;justify-content:space-between;align-items:center;gap:1rem}.brands__tile--featured .brands__featured-eyebrow{font:var(--font-weight-bold) 10px var(--font-family-mono);letter-spacing:.2em;text-transform:uppercase;color:var(--color-secondary)}.brands__featured-logo-wrap{height:64px;display:flex;align-items:center}.brands__featured-logo{max-height:100%;max-width:220px;object-fit:contain;filter:brightness(0) invert(1);opacity:.95;transition:transform .38s cubic-bezier(.32,.72,0,1)}.brands__featured-body{position:relative;z-index:2;display:flex;flex-direction:column;gap:.85rem}.brands__tile--featured .brands__featured-name{font:var(--font-weight-extrabold) clamp(1.6rem,2.6vw,2.25rem) var(--font-family-secondary);letter-spacing:-.02em;line-height:1;margin:0;color:var(--color-white);transition:transform .38s cubic-bezier(.32,.72,0,1)}.brands__tile--featured .brands__featured-tagline{font:var(--font-weight-regular) 14px var(--font-family-primary);color:#ffffffd9;line-height:1.5;max-width:46ch;margin:0;display:-webkit-box;-webkit-line-clamp:4;-webkit-box-orient:vertical;overflow:hidden}.brands__featured-cats{display:flex;gap:.4rem;flex-wrap:wrap}.brands__tile--featured .brands__featured-cat{font:var(--font-weight-bold) 10px var(--font-family-mono);letter-spacing:.14em;text-transform:uppercase;color:var(--color-white);padding:3px 8px;background:#ffffff24;border-radius:999px;transition:background var(--transition-fast)}.brands__featured-meta{position:relative;z-index:2;display:flex;gap:1.75rem;padding-top:1.25rem;border-top:1px solid rgba(255,255,255,.16)}.brands__featured-meta-item{display:flex;flex-direction:column;gap:.15rem}.brands__tile--featured .brands__featured-meta-key{font:var(--font-weight-medium) 10px var(--font-family-mono);letter-spacing:.14em;text-transform:uppercase;color:#ffffff8c}.brands__tile--featured .brands__featured-meta-val{font:var(--font-weight-bold) 15px var(--font-family-secondary);color:var(--color-white)}.brands__tile--skeleton{display:flex;flex-direction:column;justify-content:space-between;pointer-events:none;padding:1.25rem;background:var(--color-white);border:1px solid var(--color-gray-200)}.brands__skeleton-line{height:12px;background:linear-gradient(90deg,var(--color-gray-100),var(--color-gray-200),var(--color-gray-100));background-size:200% 100%;border-radius:4px;animation:brands-skeleton 1.4s ease-in-out infinite;width:40%}.brands__skeleton-line--wide{width:60%}.brands__skeleton-block{height:60px;background:linear-gradient(90deg,var(--color-gray-100),var(--color-gray-200),var(--color-gray-100));background-size:200% 100%;border-radius:6px;animation:brands-skeleton 1.4s ease-in-out infinite}.brands__error{grid-column:1/-1;display:flex;flex-direction:column;align-items:center;text-align:center;padding:3rem 1rem;gap:.5rem}.brands__error-icon{font-size:2rem;color:var(--color-text-light)}.brands__error-title{font:var(--font-weight-bold) 1.25rem var(--font-family-secondary);color:var(--color-text-darker);margin:0}.brands__error-subtitle{color:var(--color-text);margin:0}.brands__error-button{margin-top:.75rem;padding:.6rem 1.25rem;background:var(--color-primary);color:var(--color-white);border:0;border-radius:999px;font:var(--font-weight-bold) 12px var(--font-family-mono);letter-spacing:.14em;text-transform:uppercase;cursor:pointer;transition:background var(--transition-fast)}.brands__error-button:hover{background:var(--color-primary-dark)}@keyframes brands-skeleton{0%{background-position:200% 0}to{background-position:-200% 0}}