.cf-bg{--cf-bg-line: color-mix(in srgb, var(--cs-text) 12%, transparent);--cf-bg-soft: color-mix(in srgb, var(--cs-text) 78%, transparent);--cf-bg-mid: color-mix(in srgb, var(--cs-text) 60%, transparent);--cf-bg-tile-radius: 10px;background:var(--cs-bg);color:var(--cs-text);font-family:Barlow,Inter,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}.cf-bg__inner{max-width:1440px;margin:0 auto;padding:32px 24px;width:100%;box-sizing:border-box}@media(max-width:900px){.cf-bg__inner{padding:24px 16px}}.cf-bg__head{display:flex;align-items:center;justify-content:space-between;gap:16px;flex-wrap:wrap;padding-bottom:10px;margin-bottom:24px;border-bottom:1px solid var(--cf-bg-line)}.cf-bg__head-text{flex:1 1 auto;min-width:0}.cf-bg__nav{display:inline-flex;align-items:center;gap:10px;flex:none}.cf-bg__nav-btn{width:44px;height:44px;min-width:44px;min-height:44px;border-radius:50%;border:1px solid var(--cf-bg-line);background:var(--cs-bg);color:var(--cs-text);display:inline-flex;align-items:center;justify-content:center;padding:0;cursor:pointer;transition:background-color .18s ease,color .18s ease,border-color .18s ease,opacity .18s ease}.cf-bg__nav-btn:hover:not(:disabled){background:var(--cs-text);color:var(--cs-bg);border-color:var(--cs-text)}.cf-bg__nav-btn:disabled{opacity:.35;cursor:not-allowed}.cf-bg__nav-btn:focus-visible{outline:2px solid var(--cs-accent);outline-offset:2px}.cf-bg__nav-btn svg{width:14px;height:14px}.cf-bg__eyebrow{font-family:Barlow Condensed,Barlow,sans-serif;font-size:11px;font-weight:700;letter-spacing:.28em;text-transform:uppercase;color:var(--cs-accent-strong);margin:0 0 4px}.cf-bg__title{font-family:Bitter,Playfair Display,Georgia,serif;font-weight:700;font-size:clamp(22px,2.2vw,28px);line-height:1.05;letter-spacing:-.015em;color:var(--cs-text);margin:0}.cf-bg__title em{font-style:italic;color:var(--cs-accent-strong)}.cf-bg__viewall{font-family:Barlow,sans-serif;font-size:13px;font-weight:700;letter-spacing:.02em;color:var(--cs-text);text-decoration:none;border-bottom:1px solid currentColor;padding-bottom:2px;white-space:nowrap;transition:color .18s ease}.cf-bg__viewall:hover{color:var(--cs-accent-strong)}.cf-bg__viewport{position:relative;width:100%}.cf-bg__track{display:grid;grid-auto-flow:column;grid-auto-columns:calc((100% - 5 * 12px) / 6);gap:12px;overflow-x:auto;scroll-snap-type:x mandatory;scroll-behavior:smooth;scrollbar-width:none;-ms-overflow-style:none;padding:4px 0}.cf-bg__track::-webkit-scrollbar{display:none;height:0;width:0}@media(max-width:1100px){.cf-bg__track{grid-auto-columns:calc((100% - 36px)/4)}}@media(max-width:760px){.cf-bg__track{grid-auto-columns:calc((100% - 2 * 10px) / 3);gap:10px}}@media(max-width:480px){.cf-bg__track{grid-auto-columns:calc((100% - 10px) / 2.4)}}.cf-bg__tile{scroll-snap-align:start;position:relative;aspect-ratio:4 / 3;border:1px solid var(--cf-bg-line);border-radius:var(--cf-bg-tile-radius);background:var(--cs-bg);display:flex;align-items:center;justify-content:center;padding:16px 18px;text-decoration:none;color:var(--cs-text);transition:border-color .2s ease,transform .2s ease,box-shadow .2s ease;overflow:hidden;box-sizing:border-box}.cf-bg__tile:hover{border-color:var(--cs-accent-strong);transform:translateY(-2px);box-shadow:0 8px 18px color-mix(in srgb,var(--cs-text) 8%,transparent)}.cf-bg__tile:focus-visible{outline:2px solid var(--cs-accent);outline-offset:2px}.cf-bg__tile--house{border:1.5px solid var(--cs-accent);background:linear-gradient(180deg,color-mix(in srgb,var(--cs-accent) 6%,var(--cs-bg)) 0%,var(--cs-bg) 70%);box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--cs-accent) 18%,transparent),0 6px 18px color-mix(in srgb,var(--cs-accent) 14%,transparent)}.cf-bg__tile--house:hover{border-color:var(--cs-accent-strong);box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--cs-accent) 30%,transparent),0 12px 28px color-mix(in srgb,var(--cs-accent) 22%,transparent)}.cf-bg__tile-flag{position:absolute;top:8px;right:8px;z-index:3;background:var(--cs-accent);color:var(--cs-accent-text);font-family:Barlow Condensed,Barlow,sans-serif;font-size:9px;font-weight:700;letter-spacing:.18em;text-transform:uppercase;padding:3px 8px;border-radius:3px;pointer-events:none;white-space:nowrap;line-height:1.4}.cf-bg__tile img{max-width:88%;max-height:76%;width:auto;height:auto;object-fit:contain;display:block;transform:scale(var(--cf-bg-img-scale, 1));transform-origin:center center;transition:filter .2s ease,opacity .2s ease,transform .2s ease;filter:grayscale(.15);opacity:.92}.cf-bg__tile:hover img{filter:grayscale(0);opacity:1}.cf-bg__tile img.cf-bg__tile-img--invert{filter:brightness(0);opacity:.85}.cf-bg__tile:hover img.cf-bg__tile-img--invert{filter:brightness(0);opacity:1}.cf-bg__tile-label{position:absolute;inset:auto 0 0 0;padding:6px 10px;font-family:Barlow Condensed,Barlow,sans-serif;font-size:10px;font-weight:700;letter-spacing:.2em;text-transform:uppercase;color:var(--cf-bg-mid);text-align:center;opacity:0;transform:translateY(4px);transition:opacity .2s ease,transform .2s ease}.cf-bg__tile:hover .cf-bg__tile-label{opacity:1;transform:translateY(0)}.cf-bg__tile--text{font-family:Bitter,Playfair Display,Georgia,serif;font-weight:700;font-size:13px;text-align:center;color:var(--cs-text)}@media(prefers-reduced-motion:reduce){.cf-bg__tile,.cf-bg__tile img,.cf-bg__tile-label,.cf-bg__viewall{transition:none}.cf-bg__tile:hover{transform:none}}
/*# sourceMappingURL=/cdn/shop/t/113/assets/chaos-brand-grid.css.map */