.category-browser{padding-bottom:24px}.category-jumps{display:flex;flex-wrap:wrap;gap:10px 18px;margin:22px 0 32px}.category-jumps>a{padding:9px 0;border-bottom:1px solid #c5b082;font-size:13px;line-height:1.5}.category-directory{padding-bottom:80px}.category-family{display:grid;grid-template-columns:1fr 1fr;gap:8%;padding:45px 0;border-top:1px solid #d5d3cc;scroll-margin-top:100px}.category-family h2{font-size:clamp(26px,3vw,42px);line-height:1.15}.category-family h2 a{display:flex;align-items:center;justify-content:space-between;gap:15px}.category-family p{font-size:15px;line-height:1.7;color:#656861;max-width:660px}.category-series{list-style:none;margin:0;padding:0}.category-series a{display:flex;align-items:center;justify-content:space-between;gap:15px;padding:15px 0;border-bottom:1px solid #d5d3cc;font-size:16px}.category-series small{display:block;font-size:12px;color:#666a63;margin-top:5px}.category-directory-cta{display:flex;align-items:center;flex-wrap:wrap;gap:25px;margin-top:30px}.reference-a .reference-material-index{grid-template-rows:repeat(var(--family-rows,5),1fr)}.category-reference-thumb{display:block;object-fit:cover;width:100%;height:auto;aspect-ratio:118/54}.category-reference-symbol{display:grid;place-items:center;aspect-ratio:118/54;background:#e8e7e1;color:#a78e5c;font-size:24px;font-family:Georgia,serif}.category-all-link{margin-top:24px}.application-series{margin:22px 0;border-top:1px solid #ccc7bc;padding:15px 0}.application-series summary{font-size:14px;cursor:pointer}.application-series ul{columns:2;list-style:none;padding:0}.application-series li{break-inside:avoid;margin:9px 0;font-size:13px}.application-series a{text-decoration:underline;text-underline-offset:3px}.filters select{max-width:100%}.category-series .icon,.category-family .icon{flex-shrink:0}
@media(max-width:760px){.category-family{grid-template-columns:1fr;gap:22px;padding:30px 0}.category-family p{font-size:14px}.category-jumps{gap:6px 14px}.category-jumps>a{font-size:12px}.category-series a{font-size:15px}.reference-a .reference-material-index{grid-template-rows:none}.application-series ul{columns:1}}
.category-art{position:relative;margin:20px 0;background:#eeeae3}.category-art img{width:100%;height:auto;aspect-ratio:3/2;object-fit:contain;display:block}.category-art figcaption{padding:8px 10px;font-size:11px;line-height:1.5;color:#52514a;background:#f4f2ed}.category-art-compact{display:block;margin:0;flex:0 0 90px;width:90px}.category-art-compact img{aspect-ratio:118/64}.category-concept-label{position:absolute;bottom:0;left:0;background:rgba(24,28,28,.86);color:#fff;padding:1px 4px;font-size:9px;line-height:1.4}.reference-material-index .category-art-compact{width:100%}.reference-material-index .category-art-compact img{aspect-ratio:118/54;object-fit:cover}.category-series-copy{flex:1}.category-landing-image{padding-bottom:10px}.category-landing-image .category-art{max-width:900px;margin:0 auto}.category-landing-image img{aspect-ratio:2.6/1;max-height:360px}.category-art[data-image-origin="concept"] img{object-fit:cover}
@media(max-width:760px){.category-series .category-art-compact{width:74px;flex-basis:74px}.category-series a{gap:12px}.category-landing-image img{aspect-ratio:3/2}.category-art{margin-top:15px}.category-art figcaption{font-size:10px}}