.brands-hero,.brand-hero{background:var(--surface);border-bottom:1px solid var(--line);position:relative;overflow:hidden}.brands-hero:after,.brand-hero:after{content:"";background:var(--grad-gold-line);height:1px;position:absolute;bottom:-1px;left:0;right:0}.brands-hero-bg,.brand-hero-bg{background:var(--grad-surface);pointer-events:none;position:absolute;inset:0}.brands-hero-bg:before,.brand-hero-bg:before{content:"";background:var(--grad-vignette);position:absolute;inset:0}.brands-hero-mono,.brand-hero-mono{font-family:var(--serif);color:var(--gold);opacity:.06;letter-spacing:-.06em;-webkit-user-select:none;user-select:none;font-size:clamp(200px,32vw,520px);line-height:1;position:absolute;bottom:-10%;right:clamp(-20px,-2vw,-8px)}.brands-hero-in,.brand-hero-in{z-index:1;flex-direction:column;gap:clamp(10px,1.4vw,18px);padding-block:clamp(28px,4vw,56px) clamp(28px,4vw,48px);display:flex;position:relative}.brands-hero-in .crumbs,.brand-hero-in .crumbs{margin-bottom:6px}.brands-hero-title,.brand-hero-title{letter-spacing:-.015em;font-size:clamp(40px,6.4vw,92px);line-height:.98}.brands-search{max-width:420px;margin-top:8px}.brands-search input{min-width:0;color:var(--ink);font:inherit;font-size:var(--fs-sm);background:0 0;border:0;outline:none;flex:1}.brands-search input::placeholder{color:var(--ink-3)}.brands-index-wrap{background:var(--bg);border-bottom:1px solid var(--line)}.brands-index{scrollbar-width:none;align-items:center;gap:2px;margin:0;padding-block:8px;list-style:none;display:flex;overflow-x:auto}.brands-index::-webkit-scrollbar{display:none}.brands-letter{min-width:32px;height:32px;color:var(--ink-3);font-family:var(--serif);font-size:var(--fs-sm);letter-spacing:.04em;cursor:pointer;transition:color var(--dur) var(--ease),border-color var(--dur) var(--ease);background:0 0;border:0;border-bottom:1px solid #0000;padding:0 8px}.brands-letter:hover:not(:disabled){color:var(--ink)}.brands-letter.is-active{color:var(--gold);border-bottom-color:var(--gold)}.brands-letter:disabled{opacity:.28;cursor:default}.brands-letter:focus-visible{outline:2px solid var(--gold);outline-offset:2px}.brands-count{font-size:var(--fs-xs);letter-spacing:var(--track-caps);text-transform:uppercase;margin-bottom:clamp(16px,2vw,28px)}.brands-group{flex-direction:column;gap:clamp(14px,2vw,22px);margin-bottom:clamp(36px,5vw,64px);display:flex}.brands-group-head{align-items:center;gap:20px;display:flex}.brands-group-letter{color:var(--gold);min-width:1.2em;font-size:clamp(36px,4.4vw,56px);line-height:1}.brands-grid{background:var(--line);border:1px solid var(--line);grid-template-columns:repeat(4,1fr);gap:1px;margin:0;padding:0;list-style:none;display:grid}.brands-grid>li{background:var(--bg)}.brands-skel{border-radius:0;height:180px;display:block}.brand-tile{text-align:center;min-height:180px;transition:background-color var(--dur) var(--ease);flex-direction:column;justify-content:center;align-items:center;gap:8px;padding:28px 20px 24px;display:flex;position:relative}.brand-tile:hover,.brand-tile:focus-visible{background:var(--surface);outline:none}.brand-tile:after{content:"";background:var(--grad-gold-line);height:1px;transition:transform var(--dur-slow) var(--ease-out);position:absolute;bottom:0;left:0;right:0;transform:scaleX(0)}.brand-tile:hover:after,.brand-tile:focus-visible:after{transform:scaleX(1)}.brand-tile-logo{justify-content:center;align-items:center;width:100%;height:56px;display:flex}.brand-tile-logo img{object-fit:contain;filter:grayscale()brightness(1.4);opacity:.75;width:auto;max-width:70%;max-height:48px;transition:filter var(--dur) var(--ease),opacity var(--dur) var(--ease),transform var(--dur-slow) var(--ease-out)}.brand-tile:hover .brand-tile-logo img{filter:none;opacity:1;transform:scale(1.04)}.brand-tile .brand-word{font-family:var(--serif);letter-spacing:.12em;text-transform:uppercase;color:var(--ink-2);transition:color var(--dur) var(--ease);font-size:clamp(16px,1.4vw,22px)}.brand-tile:hover .brand-word{color:var(--gold-2)}.brand-tile-name{font-size:var(--fs-sm);color:var(--ink);letter-spacing:.02em}.brand-tile-en{font-size:var(--fs-xs);letter-spacing:.1em;text-transform:uppercase;color:var(--ink-3)}.brand-tile-count{font-size:var(--fs-xs);letter-spacing:.08em;color:var(--gold);opacity:0;transition:opacity var(--dur) var(--ease),transform var(--dur) var(--ease);transform:translateY(4px)}.brand-tile:hover .brand-tile-count{opacity:1;transform:none}.brand-tile-arrow{width:14px;height:14px;color:var(--gold);opacity:0;transition:opacity var(--dur) var(--ease),transform var(--dur) var(--ease);position:absolute;bottom:12px;right:14px;transform:translate(-6px)}.brand-tile-arrow svg{width:100%;height:100%}.brand-tile:hover .brand-tile-arrow{opacity:1;transform:none}.brand-hero-grid{grid-template-columns:minmax(0,1fr) minmax(220px,320px);align-items:center;gap:clamp(24px,4vw,64px);display:grid}.brand-hero-copy{flex-direction:column;gap:clamp(10px,1.4vw,18px);min-width:0;display:flex}.brand-story{font-size:var(--fs-md);white-space:pre-line;max-width:56ch}.brand-hero-meta{flex-wrap:wrap;align-items:center;gap:20px;margin-top:6px;display:flex}.brand-meta-item{font-size:var(--fs-xs);letter-spacing:var(--track-caps);text-transform:uppercase;color:var(--ink-3)}.brand-meta-item .serif-num{font-size:var(--fs-lg);color:var(--gold);margin-right:4px}.brand-hero-logo{aspect-ratio:1;background:var(--bg);border:1px solid var(--line);justify-content:center;align-items:center;padding:clamp(20px,3vw,40px);display:flex}.brand-hero-logo img{object-fit:contain;max-width:100%;max-height:60%}.brand-hero-logo .brand-word{font-family:var(--serif);letter-spacing:.14em;text-transform:uppercase;color:var(--ink);text-align:center;font-size:clamp(20px,2.4vw,34px)}.brand-hero--skel .brand-hero-in{gap:16px}.brand-hero--skel .skel-title{height:clamp(40px,6vw,88px)}@media (max-width:900px){.brands-grid{grid-template-columns:repeat(3,1fr)}.brand-hero-grid{grid-template-columns:1fr;gap:20px}.brand-hero-logo{aspect-ratio:auto;order:-1;max-width:200px;min-height:88px;padding:16px 20px}}@media (max-width:560px){.brands-hero-title,.brand-hero-title{font-size:clamp(34px,10vw,48px)}.brands-grid{grid-template-columns:repeat(2,1fr)}.brand-tile{min-height:150px;padding:20px 12px}.brands-group-head{gap:12px}}@media (max-width:400px){.brands-hero-in,.brand-hero-in{padding-block:20px 22px}.brands-grid{grid-template-columns:1fr 1fr;gap:1px}.brand-tile{min-height:132px;padding:16px 8px}.brand-tile-arrow{display:none}.brands-index{gap:0}.brands-letter{min-width:28px}}@media (prefers-reduced-motion:reduce){.brand-tile img,.brand-tile:after,.brand-tile-count,.brand-tile-arrow{transition:none}}
