.bn-sn{--sn-text:#352B2B;--sn-bg:#fff;--sn-muted:color-mix(in srgb,var(--sn-text) 58%,transparent);--sn-line:var(--sn-text);--sn-tint:color-mix(in srgb,var(--sn-text) 5%,var(--sn-bg));--sn-cols:3;--sn-stick:0px;--sn-search-h:84px;--sn-ease:cubic-bezier(.22,.61,.36,1);background:var(--sn-bg);color:var(--sn-text);padding:var(--sn-pt,55px) 0 var(--sn-pb,55px);font-family:'Neue Montreal','Helvetica Neue',Helvetica,Arial,sans-serif}
.bn-sn *{box-sizing:border-box}
.bn-sn [hidden]{display:none!important}
.bn-sn-wrap{max-width:var(--sn-max,1300px);margin:0 auto;padding:0 24px}
.bn-sn-heading{margin:0 0 24px;font-family:'Helvetica Neue',Helvetica,Arial,sans-serif;font-size:var(--sn-hs,28px);line-height:1.2;font-weight:500;text-align:center}
.bn-sn-search{display:flex;align-items:center;gap:14px;border-bottom:1px solid var(--sn-line);padding:8px 0 10px;margin:0;position:sticky;top:var(--sn-stick);z-index:6;background:var(--sn-bg)}
.bn-sn.is-note .bn-sn-search{display:none}
.bn-sn-search svg{flex:none;width:32px;height:32px;stroke:var(--sn-text);fill:none;stroke-width:1.4}
.bn-sn-input{flex:1;min-width:0;border:0;outline:0;box-shadow:none;background:transparent;color:var(--sn-text);font-family:inherit;font-size:clamp(24px,3vw,36px);line-height:1.3;font-weight:300;padding:4px 0}
.bn-sn-input::placeholder{color:var(--sn-muted);opacity:1}
.bn-sn-input::-webkit-search-cancel-button{display:none}
.bn-sn-layout{display:grid;grid-template-columns:230px minmax(0,1fr);gap:40px;align-items:start;margin-top:28px}
.bn-sn-side{position:sticky;top:calc(var(--sn-stick) + var(--sn-search-h) + 24px);align-self:start}
.bn-sn.is-note .bn-sn-side{top:calc(var(--sn-stick) + 24px)}
.bn-sn-side-note{display:flex;flex-direction:column;justify-content:space-between;gap:40px;min-height:calc(100vh - var(--sn-stick) - 110px);min-height:calc(100svh - var(--sn-stick) - 110px)}
@keyframes bn-sn-up{from{opacity:0;transform:translateY(16px)}to{opacity:1;transform:none}}
@keyframes bn-sn-fade{from{opacity:0}to{opacity:1}}
.bn-sn-tile,.bn-sn-products .bn-sn-card{animation:bn-sn-up .55s var(--sn-ease) both;animation-delay:calc(var(--i,0)*45ms)}
.bn-sn-view.is-leaving .bn-sn-tile:not(.is-picked),.bn-sn-grid.is-out .bn-sn-tile{animation:none;opacity:0;transform:translateY(-8px);transition:opacity .22s ease calc(var(--o,0)*18ms),transform .22s ease calc(var(--o,0)*18ms)}
.bn-sn-view.is-leaving .bn-sn-tile.is-picked{animation:none}
.bn-sn-view.is-leaving .bn-sn-tile.is-picked .bn-sn-tile__name{opacity:0;transition:opacity .2s ease}
.bn-sn-side-list.is-leaving{opacity:0;transition:opacity .25s ease}
.bn-sn.is-back .bn-sn-side-note,.bn-sn.is-back .bn-sn-products{opacity:0;transition:opacity .3s ease}
.bn-sn-sr{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
.bn-sn-intro{margin:0 0 26px;font-size:13px;line-height:1.5}
.bn-sn-groups{display:flex;flex-direction:column;gap:5px;align-items:flex-start}
.bn-sn-group,.bn-sn-back,.bn-sn-tile{appearance:none;background:none;border:0;padding:0;margin:0;font:inherit;color:inherit;text-align:left;cursor:pointer}
.bn-sn-group{font-size:13px;line-height:1.25;color:var(--sn-muted);transition:font-size .4s var(--sn-ease),color .3s ease}
.bn-sn-group:hover{color:var(--sn-text)}
.bn-sn-group.is-on{font-size:22px;color:var(--sn-text)}
.bn-sn :focus-visible{outline:2px solid var(--sn-text);outline-offset:3px}
.bn-sn-grid{display:grid;grid-template-columns:repeat(var(--sn-cols),minmax(0,1fr));gap:30px 3px;align-items:start}
.bn-sn-tile{display:block;min-width:0}
.bn-sn-tile__media{display:flex;align-items:center;justify-content:center;overflow:hidden;aspect-ratio:1/1;background:var(--sn-tint);border-radius:var(--sn-radius,0)}
.bn-sn-tile__media img{display:block;width:100%;height:100%;object-fit:contain}
.bn-sn-tile__letter{font-size:clamp(44px,6vw,84px);line-height:1;font-weight:300;color:color-mix(in srgb,var(--sn-text) 22%,transparent)}
.bn-sn-tile__name{display:block;margin-top:14px;font-size:14px;line-height:1.3}
.bn-sn-tile__count{display:block;margin-top:2px;font-size:12px;color:var(--sn-muted)}
.bn-sn-back{display:inline-flex;align-items:center;align-self:flex-start;animation:bn-sn-fade .45s ease .3s both}
.bn-sn-back svg{width:30px;height:30px;stroke:currentColor;fill:none;stroke-width:1.3;transition:transform .25s ease}
.bn-sn-back:hover svg{transform:translateX(-4px)}
.bn-sn-note-media{position:relative;z-index:3;width:56px;height:56px;margin-bottom:22px;display:flex;align-items:center;justify-content:center}
.bn-sn-note-media img{width:100%;height:100%;object-fit:contain}
.bn-sn-note-media span{font-size:30px;font-weight:300;color:color-mix(in srgb,var(--sn-text) 30%,transparent)}
.bn-sn-note-title{margin:0 0 10px;font-family:'Helvetica Neue',Helvetica,Arial,sans-serif;font-size:clamp(26px,3vw,36px);line-height:1.05;font-weight:400;text-transform:uppercase;animation:bn-sn-up .6s var(--sn-ease) .3s both}
.bn-sn-note-sub{margin:0 0 6px;font-size:11px;color:var(--sn-muted);animation:bn-sn-up .6s var(--sn-ease) .38s both}
.bn-sn-note-desc{margin:0;font-size:12px;line-height:1.5;animation:bn-sn-up .6s var(--sn-ease) .45s both}
.bn-sn-products{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:30px 3px}
.bn-sn-card{display:block;min-width:0;position:relative}
.bn-sn-card a{display:block;color:inherit;text-decoration:none}
.bn-sn-card__img{display:flex;align-items:center;justify-content:center;aspect-ratio:1/1.1;overflow:hidden;background:var(--sn-tint);border-radius:var(--sn-radius,0)}
.bn-sn-card__img img,.bn-sn-card__img svg{width:84%;height:84%;object-fit:contain}
.bn-sn-card__img svg{opacity:.22}
.bn-sn-card__title{display:block;margin-top:12px;font-size:13px;line-height:1.35}
.bn-sn-card__vendor{display:none}
.bn-sn-card__price{display:block;margin-top:3px;font-size:11px;color:var(--sn-muted)}
.bn-sn-heart{position:absolute;top:10px;right:10px;z-index:2;width:30px;height:30px;padding:0;border:0;background:transparent;color:var(--sn-text);cursor:pointer;display:flex;align-items:center;justify-content:center}
.bn-sn-heart svg{width:20px;height:20px;stroke:currentColor;fill:none;stroke-width:1.4}
.bn-sn-heart.is-fav svg{fill:currentColor}
.bn-sn-empty{font-size:14px;color:var(--sn-muted)}
.bn-sn-debug{margin:0 0 20px;padding:10px 14px;font-size:12px;background:var(--sn-tint);color:var(--sn-muted)}
.bn-sn-view{opacity:0;transform:translateY(6px);transition:opacity .3s ease,transform .3s ease}
.bn-sn-view.is-in{opacity:1;transform:none}
.bn-sn-source,.bn-sn-imgs,.bn-sn-stats{display:none}
@media (prefers-reduced-motion:reduce){.bn-sn-view{transition:none;transform:none}.bn-sn-tile,.bn-sn-card,.bn-sn-back,.bn-sn-note-title,.bn-sn-note-sub,.bn-sn-note-desc{animation:none!important}}
@media screen and (max-width:989px){.bn-sn-grid{grid-template-columns:repeat(min(var(--sn-cols),3),minmax(0,1fr))}}
@media screen and (max-width:749px){.bn-sn{padding-top:34px;padding-bottom:34px}.bn-sn-wrap{padding:0 16px}.bn-sn-heading{font-size:24px}.bn-sn-layout{grid-template-columns:1fr;gap:22px;margin-top:18px}.bn-sn-side,.bn-sn.is-note .bn-sn-side{position:static}.bn-sn-side-note{min-height:0;gap:18px}.bn-sn-search svg{width:24px;height:24px}.bn-sn-intro{display:none}.bn-sn-groups{flex-direction:row;align-items:center;gap:18px;overflow-x:auto;white-space:nowrap;padding-bottom:6px;scrollbar-width:none}.bn-sn-groups::-webkit-scrollbar{display:none}.bn-sn-group.is-on{font-size:18px}.bn-sn-grid,.bn-sn-products{grid-template-columns:repeat(2,minmax(0,1fr));gap:22px 4px}}