@layer components{.brand-page,.brand-index{position:relative;z-index:3;display:grid;gap:var(--space-7);width:var(--secondary-content-width,var(--search-w));max-width:var(--secondary-content-max,var(--search-max));margin:var(--secondary-results-offset) auto 0;padding-bottom:var(--space-6);color:var(--n-78)} .brand-page-head{display:grid;grid-template-columns:132px minmax(0,1fr);align-items:center;gap:var(--space-7);padding:var(--space-5);border:1px solid var(--c-line-10);border-radius:var(--radius-panel);background:var(--c-surface)} .brand-page-logo-box{display:flex;align-items:center;justify-content:center;width:132px;height:112px;border:1px solid var(--c-line-10);border-radius:var(--radius-lg);background:var(--c-surface-soft);color:var(--c-blue);font-size:var(--text-heading-md);font-weight:var(--w-semibold)} .brand-page-logo-box img{display:block;max-width:104px;max-height:62px;object-fit:contain} .brand-page-copy{display:flex;flex-direction:column;align-items:flex-start;min-width:0} .brand-page-copy>p,.brand-index-head>p{margin:0 0 var(--space-1-5);color:var(--c-blue);font-size:var(--text-label);font-weight:var(--w-semibold);letter-spacing:var(--ls-caps);text-transform:uppercase} .brand-page-copy h1,.brand-index-head h1{margin:0;color:var(--n-80);font-size:var(--text-heading-lg);font-weight:var(--w-semibold);line-height:var(--lh-tight);letter-spacing:var(--ls-ui);text-wrap:balance} .brand-page-copy>span,.brand-index-head>span{display:block;max-width:880px;margin-top:var(--space-2);color:var(--n-58);font-size:var(--text-body);line-height:var(--lh-copy);text-wrap:pretty} .brand-page-actions{display:flex;flex-wrap:wrap;align-items:center;gap:var(--space-2);margin-top:var(--space-3)} .brand-page-actions a{display:inline-flex;align-items:center;min-height:var(--control-h);padding:0 var(--space-3);border:1px solid var(--c-control-line);border-radius:var(--radius-control);background:var(--c-control-bg);color:var(--c-blue);font-size:var(--text-label);font-weight:var(--w-semibold);text-decoration:none} .brand-page-actions a:hover,.brand-page-actions a:focus-visible{border-color:var(--c-control-line-strong);background:var(--c-control-bg-hover)} .brand-page-actions small{color:var(--n-52);font-size:var(--text-label);font-weight:var(--w-regular)} .brand-section{display:grid;gap:var(--space-4);padding-top:var(--space-1)} .brand-section-head{display:grid;gap:var(--space-1);max-width:860px} .brand-section-head h2{margin:0;color:var(--n-80);font-size:var(--text-heading-sm);font-weight:var(--w-semibold);letter-spacing:var(--ls-ui)} .brand-section-head p{margin:0;color:var(--n-58);font-size:var(--text-body);line-height:var(--lh-ui)} .brand-family-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:var(--space-3)} .brand-family-card{min-width:0;padding:var(--space-4);border:1px solid var(--c-line-10);border-radius:var(--radius-card);background:var(--c-surface)} .brand-family-card__title{display:flex;align-items:baseline;justify-content:space-between;gap:var(--space-3);color:var(--n-80);text-decoration:none} .brand-family-card__title strong{font-size:var(--text-body-lg);font-weight:var(--w-semibold)} .brand-family-card__title small{color:var(--n-48);font-size:var(--text-label);font-weight:var(--w-regular)} .brand-family-card nav{display:grid;gap:var(--space-1);margin-top:var(--space-3);padding-top:var(--space-2);border-top:1px solid var(--c-line-08)} .brand-family-card nav a{display:flex;align-items:center;justify-content:space-between;gap:var(--space-3);min-height:var(--control-h);padding:0 var(--space-2);border-radius:var(--radius-compact-xl);color:var(--n-60);font-size:var(--text-label);text-decoration:none} .brand-family-card nav a:hover,.brand-family-card nav a:focus-visible{background:var(--c-control-bg-hover);color:var(--c-blue)} .brand-family-card nav small{color:var(--n-45);font-size:var(--text-caption)} .brand-product-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:var(--space-3)} .brand-product-card{display:grid;grid-template-columns:82px minmax(0,1fr);gap:var(--space-3);min-width:0;padding:var(--space-3);border:1px solid var(--c-line-10);border-radius:var(--radius-card);background:var(--c-surface);color:var(--n-80);text-decoration:none} .brand-product-card:hover,.brand-product-card:focus-visible{border-color:var(--c-control-line-strong);background:var(--c-control-bg)} .brand-product-card__image{display:flex;align-items:center;justify-content:center;width:82px;height:82px;border-radius:var(--radius-md);background:var(--c-surface-soft);overflow:hidden} .brand-product-card__image img{width:100%;height:100%;object-fit:contain} .brand-product-card__copy{display:flex;flex-direction:column;min-width:0} .brand-product-card__copy>small{color:var(--n-48);font-size:var(--text-caption);white-space:nowrap;overflow:hidden;text-overflow:ellipsis} .brand-product-card__copy>strong{display:-webkit-box;margin-top:var(--space-1);overflow:hidden;color:var(--n-80);font-size:var(--text-label);font-weight:var(--w-semibold);line-height:var(--lh-ui);-webkit-line-clamp:2;-webkit-box-orient:vertical} .brand-product-card__copy>span{display:flex;align-items:center;justify-content:space-between;gap:var(--space-2);margin-top:auto;padding-top:var(--space-2)} .brand-product-card__copy b{color:var(--c-blue);font-size:var(--text-body);font-weight:var(--w-semibold)} .brand-product-card__copy em{color:var(--n-52);font-size:var(--text-caption);font-style:normal} .brand-story{display:grid;gap:var(--space-4);margin-top:var(--space-2);padding:var(--space-5);border-top:1px solid var(--c-line-08)} .brand-story__lead{columns:2 360px;column-gap:var(--space-10)} .brand-story__lead p{margin:0 0 var(--space-3);color:var(--n-58);font-size:var(--text-body);line-height:var(--lh-copy);text-wrap:pretty;break-inside:avoid} .brand-facts{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:var(--space-2);margin:0} .brand-facts>div{min-width:0;padding:var(--space-3);border-radius:var(--radius-control-lg);background:var(--c-surface-soft)} .brand-facts dt{margin:0 0 var(--space-1);color:var(--n-48);font-size:var(--text-caption);font-weight:var(--w-semibold)} .brand-facts dd{margin:0;color:var(--n-75);font-size:var(--text-label);font-weight:var(--w-regular);line-height:var(--lh-ui)} .brand-story__grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:var(--space-3)} .brand-story__grid section,.brand-advantages article{padding:var(--space-4);border:1px solid var(--c-line-08);border-radius:var(--radius-card);background:var(--c-surface)} .brand-story h3{margin:0 0 var(--space-2);color:var(--n-75);font-size:var(--text-body);font-weight:var(--w-semibold)} .brand-story__grid p,.brand-advantages p{margin:0;color:var(--n-58);font-size:var(--text-label);line-height:var(--lh-copy)} .brand-story__grid p.brand-market-share{margin-top:var(--space-2);padding-top:var(--space-2);border-top:1px solid var(--c-line-08)} .brand-advantages{display:grid;gap:var(--space-3)} .brand-advantages>div{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:var(--space-2)} .brand-advantages strong{display:block;margin-bottom:var(--space-1);color:var(--n-75);font-size:var(--text-label);font-weight:var(--w-semibold)} .brand-sources{padding-top:var(--space-3);border-top:1px solid var(--c-line-08)} .brand-sources summary{width:max-content;max-width:100%;color:var(--c-link);font-size:var(--text-label);cursor:pointer} .brand-sources ul{display:grid;margin:var(--space-2) 0 0;padding-left:var(--space-5)} .brand-sources li{margin:var(--space-1) 0;color:var(--n-52);font-size:var(--text-caption)} .brand-empty-card{padding:var(--space-6);border:1px solid var(--c-line-10);border-radius:var(--radius-card);background:var(--c-surface-soft);text-align:left} .brand-empty-card h1,.brand-empty-card h2{margin:0 0 var(--space-2);font-size:var(--text-heading-sm);font-weight:var(--w-semibold)} .brand-empty-card p{margin:0;color:var(--n-58);font-size:var(--text-body);line-height:var(--lh-copy)} .brand-index-head{display:grid;gap:var(--space-1);max-width:900px} .brand-index-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:var(--space-3)} .brand-index-card{display:grid;grid-template-columns:74px minmax(0,1fr) var(--icon-sm);align-items:center;gap:var(--space-3);min-height:98px;padding:var(--space-3);border:1px solid var(--c-line-10);border-radius:var(--radius-card);background:var(--c-surface);color:var(--n-80);text-decoration:none} .brand-index-card:hover,.brand-index-card:focus-visible{border-color:var(--c-control-line-strong);background:var(--c-control-bg)} .brand-index-card__logo{display:flex;align-items:center;justify-content:center;width:74px;height:62px;border-radius:var(--radius-md);background:var(--c-surface-soft);color:var(--c-blue)} .brand-index-card__logo img{display:block;max-width:58px;max-height:34px;object-fit:contain} .brand-index-card__logo b{font-size:var(--text-body-lg);font-weight:var(--w-semibold)} .brand-index-card__copy{display:flex;flex-direction:column;min-width:0} .brand-index-card__copy strong{overflow:hidden;font-size:var(--text-label);font-weight:var(--w-semibold);white-space:nowrap;text-overflow:ellipsis} .brand-index-card__copy small{margin-top:var(--space-1);color:var(--n-48);font-size:var(--text-caption)} .brand-index-card>svg{width:var(--icon-sm);height:var(--icon-sm);color:var(--n-45)}} @layer responsive{@media (max-width:1100px){.brand-family-grid{grid-template-columns:repeat(2,minmax(0,1fr))} .brand-product-grid,.brand-index-grid{grid-template-columns:repeat(2,minmax(0,1fr))}} @media (max-width:700px){.brand-page,.brand-index{gap:var(--space-5);padding-bottom:var(--space-4)} .brand-page-head{grid-template-columns:1fr;gap:var(--space-4);padding:var(--space-4)} .brand-page-logo-box{width:104px;height:84px} .brand-page-logo-box img{max-width:82px;max-height:48px} .brand-family-grid,.brand-product-grid,.brand-index-grid,.brand-story__grid,.brand-advantages>div,.brand-facts{grid-template-columns:1fr} .brand-product-card{grid-template-columns:72px minmax(0,1fr)} .brand-product-card__image{width:72px;height:72px} .brand-story{padding:var(--space-4) 0;border-top:1px solid var(--c-line-08)} .brand-story__lead{columns:1}}}