.brands-intro{display:grid;grid-template-columns:1.2fr 1fr;align-items:center;gap:64px;padding:24px 0 38px}
.brands-intro .eyebrow{margin:0 0 14px}
.brands-intro h1{font-size:48px;line-height:1.12;letter-spacing:-1.8px;margin:0 0 18px}
.brands-intro p:not(.eyebrow){color:var(--muted);font-size:16px;margin:0}
.brands-search{max-width:440px;width:100%;justify-self:end}
.brands-search>label{display:block;font-size:14px;font-weight:600;margin:0 0 10px}
.brands-search .inline-search{height:56px;border:1px solid #d8cdd0;background:#fff;padding:0 16px;gap:12px;border-radius:6px}
.brands-search input{width:100%;min-width:0;font-size:16px}
.brand-categories{display:flex;gap:24px;overflow-x:auto;padding:4px 4px 24px;margin:0 -4px;border-bottom:1px solid var(--line);scroll-padding-inline:4px}
.brand-category{display:flex;flex-direction:column;align-items:center;flex:1 0 100px;gap:12px;padding:0 2px 4px;max-width:140px;font-size:13px;line-height:1.4;font-weight:500;text-align:center}
.brand-category-photo{display:flex;align-items:center;justify-content:center;width:80px;height:80px;border-radius:50%;background:#f4eeeb;border:2px solid transparent;overflow:hidden;padding:10px;transition:border-color .15s}
.brand-category-photo img{width:100%;height:100%;object-fit:contain;mix-blend-mode:multiply}
.brand-category[data-brand-category="all"] .brand-category-photo{padding:0;background:#fff}
.brand-all-products{display:grid;width:100%;height:100%;grid-template-columns:repeat(2,minmax(0,1fr));gap:2px;background:#fff}
.brand-all-products img{width:100%;height:100%;object-fit:cover;mix-blend-mode:normal}
.brand-all-products img:nth-child(1){object-position:center;background:#f6ecef}.brand-all-products img:nth-child(2){object-position:center;background:#f6f2ee}.brand-all-products img:nth-child(3){object-position:center;background:#f5f1ee}.brand-all-products img:nth-child(4){object-position:center;background:#f2f0e8}
.brand-category.active{color:var(--red);font-weight:700}.brand-category.active .brand-category-photo{border-color:var(--red);background:var(--pink)}
.brand-category:hover .brand-category-photo{border-color:#dcb4bb}
.brands-catalog{padding:32px 0 0}
.brands-results-head{display:flex;align-items:flex-start;justify-content:space-between;gap:24px;margin:0 0 24px}
.brands-results-head h2{font-size:26px;letter-spacing:-.7px;margin:0 0 6px}
.brands-results-head p{margin:0;color:var(--muted);font-size:14px}
.brands-alphabet{max-width:520px;text-align:right}
.brands-alphabet summary{cursor:pointer;min-height:44px;align-content:center;font-size:14px;font-weight:500}
.brands-alphabet .alphabet{display:flex;justify-content:flex-end;flex-wrap:wrap;gap:4px;margin-top:12px}
.brands-alphabet .alphabet button{min-width:44px;height:44px;border:1px solid var(--line);border-radius:4px;font-size:14px}
.brands-alphabet .alphabet button.active{background:var(--red);border-color:var(--red);color:white}
.brand-store-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:32px 24px}
.brand-store-card{min-width:0;display:flex;flex-direction:column;color:var(--ink);border-radius:6px;overflow:hidden;border:1px solid var(--line);background:#fff}
.brand-store-image{position:relative;aspect-ratio:5/4;background:var(--brand-tone);padding:24px 30px 44px;overflow:hidden}
.brand-store-image img{width:100%;height:100%;object-fit:contain;mix-blend-mode:multiply;transition:transform .2s}
.brand-store-image>span{position:absolute;bottom:14px;left:16px;font-size:12px;font-weight:500;color:#55474c;line-height:1.5}
.brand-store-copy{padding:18px 16px 16px;display:flex;flex-direction:column;flex:1}
.brand-store-copy h2{font-size:20px;line-height:1.25;letter-spacing:-.5px;margin:0 0 8px}
.brand-store-copy p{font-size:14px;line-height:1.5;color:var(--muted);margin:0 0 24px}
.brand-store-foot{display:flex;align-items:center;gap:12px;justify-content:space-between;margin-top:auto;font-size:12px;color:#574e52}
.brand-store-meta{display:grid;gap:3px;min-width:0;line-height:1.5}
.brand-store-meta strong{font-size:13px;font-weight:600;color:var(--ink);white-space:nowrap}
.brand-store-foot svg{color:var(--red);flex-shrink:0}
.brand-store-grid>.empty-state{grid-column:1/-1;width:100%;padding:40px 20px}
.brands-catalog-note{font-size:12px;color:var(--muted);margin:28px 0 0}
@media(hover:hover){.brand-store-card:hover{border-color:#d8b5bd;color:var(--ink)}.brand-store-card:hover img{transform:scale(1.04)}}
@media(max-width:1000px){.brands-intro{gap:32px}.brands-intro h1{font-size:40px}.brand-store-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:24px 20px}}
@media(max-width:760px){
 .brands-intro{display:block;padding:12px 0 20px}.brands-intro .eyebrow{font-size:11px;margin:0 0 10px}.brands-intro h1{font-size:32px;letter-spacing:-1.2px;margin-bottom:0}.brands-intro p:not(.eyebrow){display:none}
 .brands-search{margin-top:20px;max-width:none}.brands-search>label{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0)}.brands-search .inline-search{height:52px}
 .brand-categories{gap:12px;margin:0 calc(-1 * var(--mobile-gutter,20px));padding:4px var(--mobile-gutter,20px) 20px;scroll-padding-inline:var(--mobile-gutter,20px)}
 .brand-category{flex:0 0 calc((100vw - 56px) / 3.5);max-width:100px;min-width:80px;font-size:12px;gap:10px}.brand-category-photo{width:68px;height:68px;padding:8px}
 .brands-catalog{padding-top:24px}.brands-results-head{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:12px;margin-bottom:20px}.brands-results-head h2{font-size:21px;margin-bottom:4px}.brands-results-head p{font-size:13px}
 .brands-alphabet{max-width:none;text-align:left}.brands-alphabet summary{font-size:13px;white-space:nowrap}.brands-alphabet[open]{grid-column:1/-1}.brands-alphabet .alphabet{justify-content:flex-start;margin:8px 0 4px}
 .brand-store-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:20px 12px}
 .brand-store-image{aspect-ratio:1/1.12;padding:18px 12px 42px}.brand-store-image>span{font-size:12px;line-height:1.5;left:12px;right:10px;bottom:12px}
 .brand-store-copy{padding:14px 12px}.brand-store-copy h2{font-size:17px;line-height:1.3;letter-spacing:-.3px;margin-bottom:14px}.brand-store-copy p{display:none}
 .brand-store-foot{align-items:flex-end;gap:6px;font-size:12px;line-height:1.5}.brand-store-foot svg{width:16px;height:16px}
 .brands-catalog-note{line-height:1.6;margin-top:24px}
}
@media(prefers-reduced-motion:reduce){.brand-store-image img,.brand-category-photo{transition:none}}

/* A compact catalogue masthead: one brand, one real product, no promo claims. */
.brand-masthead{--brand-paper:#eeeae6;--brand-ink:#312d2b;display:grid;grid-template-columns:1fr 1fr;min-height:240px;background:var(--brand-paper);color:var(--brand-ink);overflow:hidden;border-radius:8px;margin-bottom:28px}
.brand-masthead--audio{--brand-paper:#ececec;--brand-ink:#222}
.brand-masthead--home{--brand-paper:#482c52;--brand-ink:#fff8ed}
.brand-masthead--coffee{--brand-paper:#173f52;--brand-ink:#fff8ed}
.brand-masthead--roast{--brand-paper:#f3cb72;--brand-ink:#332719}
.brand-masthead--paper{--brand-paper:#e6eadb;--brand-ink:#30392a}
.brand-masthead--care{--brand-paper:#f1dfd1;--brand-ink:#4c3027}
.brand-masthead--grooming{--brand-paper:#163c43;--brand-ink:#f7f3e9}
.brand-masthead--streetwear{--brand-paper:#292c31;--brand-ink:#fff8ed}
.brand-masthead--fashion{--brand-paper:#ede5df;--brand-ink:#382d2b}
.brand-masthead--craft{--brand-paper:#a03d38;--brand-ink:#fff8ed}
.brand-masthead--jewellery{--brand-paper:#f5e3e6;--brand-ink:#633644}
.brand-masthead--plum{--brand-paper:#543365;--brand-ink:#fff8ed}
.brand-masthead--skincare{--brand-paper:#e4eed6;--brand-ink:#33422b}
.brand-masthead-copy{min-width:0;padding:36px 40px;align-self:center}
.brand-masthead-copy>p{font-size:14px;line-height:1.5;margin:0 0 12px;color:inherit}
.brand-masthead-copy>h1{font-family:var(--font);font-weight:700;font-size:clamp(32px,4vw,56px);line-height:1.12;letter-spacing:-.035em;margin:0;overflow-wrap:anywhere;color:inherit}
.brand-masthead--audio .brand-masthead-copy{border-left:5px solid #c6283f}
.brand-masthead-photo{min-width:0;display:grid;place-items:center;background:#fff;overflow:hidden}
.brand-masthead-photo img{width:100%;height:280px;object-fit:contain;padding:12px;mix-blend-mode:normal}
.brand-masthead--home .brand-masthead-photo img{padding:0;object-fit:cover;object-position:50% 75%}
.brand-masthead+.brand-collection{padding-top:0}
.brand-masthead~.brand-collection .brand-filter-tools{border-bottom:1px solid var(--line);margin-bottom:24px}
.brand-store-image img{mix-blend-mode:normal}
@media(max-width:760px){
 .brand-masthead{grid-template-columns:minmax(0,1.12fr) minmax(0,.88fr);min-height:180px;margin-bottom:24px;border-radius:6px}
 .brand-masthead-copy{padding:20px 16px}
 .brand-masthead-copy>p{font-size:12px;line-height:1.5;margin-bottom:10px}
 .brand-masthead-copy>h1{font-size:clamp(22px,6.4vw,30px);line-height:1.15;letter-spacing:-.025em}
 .brand-masthead-photo img{height:200px;padding:6px}
 .brand-masthead--home .brand-masthead-photo img{object-position:57% center}
 .brand-masthead~.brand-collection .brand-collection-heading{margin:0 0 8px}
}