.portfolio-hero{display:grid;grid-template-columns:minmax(0,1.45fr) minmax(280px,1fr);gap:64px;padding:38px 0 44px;align-items:center}.portfolio-hero h1{font-size:clamp(36px,4vw,62px);letter-spacing:-.035em;margin:16px 0}.portfolio-hero .lead{max-width:750px}.portfolio-actions{display:flex;align-items:center;gap:22px;flex-wrap:wrap;margin:25px 0}.portfolio-hero .brand-tags{margin-top:25px}.portfolio-intro-panel{background:#eef3f5;border-left:3px solid #194f71;padding:30px}.portfolio-intro-panel h2{font-size:36px;line-height:1.1;margin:20px 0}.portfolio-figure{margin:0;background:#f4f6f7;border:1px solid #dce3e7;display:flex;flex-direction:column;min-width:0}.portfolio-figure img{width:100%;height:280px;object-fit:contain;padding:24px;box-sizing:border-box;background:#f4f6f7}.portfolio-figure figcaption{font-size:12px;line-height:1.5;padding:12px 16px;border-top:1px solid #dce3e7;color:#53636e}.portfolio-figure figcaption a{display:inline-block;margin-left:5px}.portfolio-figure.image-unavailable{min-height:0}.portfolio-metrics{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));border-block:1px solid #ccd5da;padding:24px 0;margin:0}.portfolio-metrics>div{padding:0 22px;border-right:1px solid #dce3e7}.portfolio-metrics>div:first-child{padding-left:0}.portfolio-metrics>div:last-child{border:0}.portfolio-metrics dt{font-size:12px;color:#586874;margin-bottom:10px}.portfolio-metrics dd{font-size:30px;font-weight:700;margin:0;line-height:1.2}.portfolio-metrics time{font-size:18px}.portfolio-jumps{display:flex;gap:24px;flex-wrap:wrap;padding:18px 0;border-bottom:1px solid #dce3e7;font-size:14px;font-weight:600}.portfolio-coverage{max-width:960px;font-size:14px;color:#576670}.portfolio-coverage-label{font-size:12px;background:#edf2f5;padding:8px 12px;align-self:center}.portfolio-group-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));margin:28px 0;border-left:1px solid #d4dde2;border-top:1px solid #d4dde2}.portfolio-group-grid>a{padding:20px;border-bottom:1px solid #d4dde2;border-right:1px solid #d4dde2;text-decoration:none;display:flex;flex-direction:column;gap:8px;transition:background .15s}.portfolio-group-grid>a:hover{background:#eff5f7}.portfolio-group-grid span{font-size:11px;color:#697986;text-transform:uppercase;letter-spacing:.04em}.portfolio-group-grid strong{font-size:19px;color:#192833}.portfolio-group-grid small{font-size:12px;color:#4d6373}.portfolio-group-grid small span{float:right}.portfolio-filters{display:grid;grid-template-columns:minmax(0,1fr) 210px auto auto;gap:16px;align-items:end;padding:22px;background:#eef3f5;margin:30px 0}.portfolio-filters label{display:block;font-size:13px;font-weight:600;margin-bottom:8px}.portfolio-filters input,.portfolio-filters select{width:100%;height:44px;background:#fff;border:1px solid #a8b8c3;padding:9px 12px;box-sizing:border-box;font:inherit;min-width:0}.portfolio-filters>a{font-size:13px;padding-bottom:12px}.portfolio-browser.enhanced .portfolio-apply{display:none}.portfolio-browser.enhanced .portfolio-filters{grid-template-columns:minmax(0,1fr) 240px auto}.portfolio-layout{display:grid;grid-template-columns:260px minmax(0,1fr);gap:30px;align-items:start}.portfolio-tree{position:sticky;top:25px;background:#f6f8f9;border:1px solid #dce3e7;padding:16px;max-height:78vh;overflow:auto;font-size:13px;scrollbar-width:thin}.portfolio-tree summary{cursor:pointer;font-weight:600;line-height:1.6;padding:9px 0;color:#243d50}.portfolio-tree summary span{float:right;color:#667783;font-size:11px}.portfolio-tree a{display:block;line-height:1.5;padding:7px 0;text-decoration:none}.portfolio-tree a:hover{text-decoration:underline}.portfolio-tree ul{list-style:none;padding:0 0 0 11px;margin:0;border-left:1px solid #d9e1e6}.portfolio-tree .tree-overview{font-size:11px;color:#5c778a}.portfolio-tree-actions{display:flex;gap:14px;border-block:1px solid #dce3e7;padding:9px 0;margin:8px 0}.portfolio-tree-actions button{padding:0;border:0;background:none;color:#194f71;font:inherit;cursor:pointer;text-decoration:underline}.portfolio-cards{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}.portfolio-card{padding:24px;border:1px solid #d2dce2;background:white;height:100%;box-sizing:border-box;display:flex;flex-direction:column;min-width:0}.portfolio-card h3{font-size:23px;line-height:1.25;margin:10px 0 12px}.portfolio-card h3 a{text-decoration:none;color:#1c303e}.portfolio-card h3 span{font-size:17px;color:#7c8d99;margin-left:8px}.portfolio-card p{font-size:14px;line-height:1.65;margin:0 0 20px;color:#556772}.portfolio-card-label{font-size:11px;color:#687c8a;text-transform:uppercase;letter-spacing:.07em}.portfolio-subseries{display:flex;gap:7px;flex-wrap:wrap;margin:0 0 20px}.portfolio-subseries a{background:#eef3f6;border:1px solid #dae3e9;padding:5px 8px;font-size:12px;text-decoration:none;line-height:1.4}.portfolio-subseries a:hover{background:#dce9f0}.portfolio-card-link{border-top:1px solid #e1e7eb;padding-top:15px;margin-top:auto;font-size:13px;font-weight:600;text-decoration:none}#portfolio-result-count{font-size:13px;color:#5b6b77;margin:0 0 15px}.portfolio-resources{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:0;border-left:1px solid #d7e0e6;border-top:1px solid #d7e0e6;margin-top:25px}.portfolio-resources article{padding:24px;border-right:1px solid #d7e0e6;border-bottom:1px solid #d7e0e6}.portfolio-resources h3{font-size:19px;margin:12px 0}.portfolio-resources p{font-size:14px;color:#576b78;line-height:1.6}.portfolio-gallery{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}.portfolio-gallery img{height:220px}.portfolio-project{background:#edf3f6;padding:36px;display:grid;grid-template-columns:1fr 1fr;gap:50px}.portfolio-project h2{font-size:30px;line-height:1.2}.portfolio-project li,.portfolio-selection li{margin-bottom:15px;line-height:1.7;font-size:15px}.portfolio-sources{display:grid;grid-template-columns:1fr 1fr;gap:60px;font-size:14px}.portfolio-sources h2{font-size:27px}.portfolio-detail-hero{padding:42px 0 35px;max-width:1000px}.portfolio-detail-hero h1{font-size:clamp(34px,4vw,56px);line-height:1.15;margin:12px 0 22px}.portfolio-selection{display:grid;grid-template-columns:1fr 1.4fr;gap:70px}.portfolio-selection h2{font-size:30px;line-height:1.25}.portfolio-selection ol{margin:0;padding-left:26px}.portfolio-next{background:#f3f6f7;padding:30px;display:grid;grid-template-columns:1.4fr 1fr;gap:45px}.portfolio-next h2{font-size:25px}.portfolio-next h3{font-size:20px}.portfolio-neighbors{display:grid;gap:12px}.portfolio-card a:focus-visible,.portfolio-tree a:focus-visible,.portfolio-jumps a:focus-visible{outline:2px solid #194f71;outline-offset:4px}.portfolio-result[hidden],.portfolio-figure img[hidden]{display:none!important}#product-map,#development,#engineering,#sources,#selection,#subseries,#reviewed-parts{scroll-margin-top:30px}
@media(max-width:1100px){.portfolio-hero{gap:32px}.portfolio-layout{grid-template-columns:230px minmax(0,1fr);gap:20px}.portfolio-card{padding:20px}.portfolio-group-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media(max-width:959px){.portfolio-hero{grid-template-columns:1fr}.portfolio-hero aside{max-width:650px}.portfolio-figure img{height:250px}.portfolio-layout{grid-template-columns:1fr}.portfolio-tree{position:static;max-height:none}.portfolio-tree-shell[open]{max-height:65vh;overflow:auto}.portfolio-group-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.portfolio-resources{grid-template-columns:repeat(2,minmax(0,1fr))}.portfolio-project,.portfolio-selection,.portfolio-next,.portfolio-sources{gap:30px}.portfolio-filters,.portfolio-browser.enhanced .portfolio-filters{grid-template-columns:1fr 210px}.portfolio-filters>a{padding-bottom:0}.portfolio-jumps{gap:16px}}
@media(max-width:600px){.portfolio-hero{padding:20px 0 30px}.portfolio-hero h1{font-size:36px}.portfolio-hero .lead{font-size:17px}.portfolio-hero aside{width:100%;min-width:0}.portfolio-figure img{height:210px;padding:20px}.portfolio-intro-panel{padding:22px}.portfolio-metrics{grid-template-columns:1fr 1fr;row-gap:23px}.portfolio-metrics>div{padding:0 12px}.portfolio-metrics>div:nth-child(odd){padding-left:0}.portfolio-metrics>div:nth-child(even){border:0}.portfolio-metrics dd{font-size:25px}.portfolio-metrics time{font-size:16px}.portfolio-jumps{font-size:12px;gap:12px 18px}.portfolio-group-grid>a{padding:15px}.portfolio-group-grid strong{font-size:17px}.portfolio-filters,.portfolio-browser.enhanced .portfolio-filters{grid-template-columns:1fr;padding:18px}.portfolio-cards,.portfolio-resources,.portfolio-gallery,.portfolio-project,.portfolio-selection,.portfolio-next,.portfolio-sources{grid-template-columns:1fr}.portfolio-card h3{font-size:22px}.portfolio-project,.portfolio-next{padding:22px}.portfolio-project{gap:16px}.portfolio-actions{gap:16px}.portfolio-actions .button{font-size:13px}.portfolio-coverage-label{display:block;align-self:flex-start}.portfolio-browser .section-heading{align-items:flex-start;gap:12px;flex-direction:column}.portfolio-resources article{padding:20px}.portfolio-detail-hero{padding-top:24px}.portfolio-detail-hero h1{overflow-wrap:anywhere}.portfolio-gallery .portfolio-figure img{height:200px}}

.portfolio-brand-logo{display:block;max-width:180px;max-height:52px;object-fit:contain;margin:0 0 24px;padding:10px 14px;box-sizing:content-box}.portfolio-brand-logo.on-dark{background:#1a252d}.portfolio-thumb{display:block;width:100%;height:150px;object-fit:contain;background:#f4f6f7;margin-bottom:18px}.portfolio-detail-image{max-width:720px;margin:28px 0}.portfolio-detail-image img{height:300px}
.product-visual-hero{display:grid;grid-template-columns:minmax(0,1.3fr) minmax(300px,1fr);gap:48px;max-width:none;align-items:center}.product-visual-hero>div{min-width:0}.product-visual-hero h1{overflow-wrap:anywhere}.product-visual-hero .portfolio-figure{max-width:600px}.product-visual-hero .portfolio-figure img,.portfolio-hero .technical-figure img{height:auto;aspect-ratio:3/2}.technical-figure img{padding:0}.visual-provenance{display:block;text-transform:uppercase;letter-spacing:.07em;font-weight:700;font-size:10px;margin-bottom:6px;color:#35586d}.product-image-link{display:block;line-height:0}.product-image-link:focus-visible{outline:3px solid #1b628b;outline-offset:3px}.portfolio-family-index{display:flex;flex-wrap:wrap;gap:9px;padding:20px 0;border-top:1px solid #d2dce2}.portfolio-family-index a{border:1px solid #cbd8e0;background:#f3f7f9;padding:9px 12px;font-size:13px;line-height:1.4;text-decoration:none}.portfolio-family-index a:hover{background:#e3edf3}.portfolio-family-index a:focus-visible{outline:2px solid #194f71;outline-offset:2px}
@media(max-width:959px){.product-visual-hero{grid-template-columns:1fr;gap:24px}.product-visual-hero .portfolio-figure{width:100%;max-width:640px}.product-visual-hero .portfolio-figure img{max-height:370px}.portfolio-detail-hero .lead{max-width:760px}}
@media(max-width:600px){.product-visual-hero{gap:20px}.portfolio-family-index{gap:7px}.portfolio-family-index a{font-size:12px;padding:8px 10px}.product-visual-hero .portfolio-figure figcaption{font-size:11px}}
.product-visual-hero .portfolio-figure:not(.technical-figure) img{aspect-ratio:auto;height:auto;min-height:200px;max-height:340px;object-fit:contain}
.product-count{display:block;margin:.6rem 0;color:#516575;font-size:.78rem;font-weight:500;line-height:1.5;font-variant-numeric:tabular-nums}.portfolio-tree summary .product-count,.portfolio-tree summary span{font-size:.7rem;font-weight:400}.portfolio-subseries small{display:block;font-size:.65rem;color:#516575}.catalogue-count-note{font-size:.85rem;color:#516575}.catalogue-count-note .product-count{font-size:1rem;font-weight:600}.ordering-preview{padding:1rem 0;margin-top:.7rem;border-top:1px solid #d6e0e5;display:grid;gap:.4rem;font-size:.85rem}.ordering-preview strong{font-size:.8rem;color:#516575}.ordering-preview a{overflow-wrap:anywhere}.ordering-preview small{color:#647581}.ordering-table{min-width:800px}.ordering-table .mpn{overflow-wrap:anywhere}.ordering-table small,.evidence-link{display:block;font-size:.8rem;margin-top:.5rem}.ordering-evidence{font-size:.78rem;color:#485f70}.ordering-table tr[hidden]{display:none}

.portfolio-tree summary span{float:none;display:block;line-height:1.5;padding-left:12px}.portfolio-tree summary small{display:block;font-size:.68rem;font-weight:400;color:#516575}.portfolio-subseries small{max-width:210px}