/* Grouped OEM portfolio and consistent, non-destructive photo framing. */
.portfolio-directory{background:#f3f5f6}.portfolio-jump-nav{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;margin-bottom:72px}.portfolio-jump-nav>a{position:relative;display:flex;flex-direction:column;gap:12px;padding:24px 44px 24px 24px;background:#fff;border-top:2px solid #16394d;color:#18394b;min-width:0;transition:background .16s,border-color .16s}.portfolio-jump-nav>a>span:first-child{font-size:19px;font-weight:600;line-height:1.3}.portfolio-jump-nav small{font-size:12px;color:#617580}.portfolio-jump-nav>a>span[aria-hidden]{position:absolute;right:22px;top:26px;font-size:20px}.portfolio-jump-nav>a:hover{background:#eaf0f3;border-color:#54778a}.portfolio-jump-nav a:focus-visible,.portfolio-sectors a:focus-visible{outline:2px solid #54778a;outline-offset:5px}.portfolio-group{scroll-margin-top:120px}.portfolio-group+.portfolio-group{margin-top:76px;padding-top:58px;border-top:1px solid #ccd8de}.portfolio-group-heading{display:flex;justify-content:space-between;gap:30px;align-items:flex-end;margin-bottom:30px}.portfolio-group-heading h2{font-size:34px;line-height:1.2;margin:14px 0 15px}.portfolio-group-heading p:not(.eyebrow){font-size:15px;line-height:1.7;color:#526a78;margin:0}.portfolio-count{font-size:12px;color:#617580;white-space:nowrap;padding-bottom:4px}.portfolio-group .portfolio-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px}.portfolio-selected.work-selected-grid{max-width:none}.portfolio-card .work-card-copy h3{font-size:25px}.portfolio-card .work-card-copy{padding:25px}.portfolio-card .work-card-copy>p:not(.eyebrow){margin-bottom:22px}.portfolio-card .work-card-image,.work-selected-grid .portfolio-card .work-card-image{aspect-ratio:auto;display:block;overflow:hidden}.portfolio-card .work-card-image img,.work-selected-grid .portfolio-card .work-card-image img{padding:0}.component-photo{position:relative;display:block;width:100%;overflow:hidden;background:#fff}.component-photo>img{position:absolute;display:block;height:auto!important;max-height:none!important;max-width:none!important;padding:0!important;margin:0!important;object-fit:fill;transform:none}.work-view-grid .component-photo>img{height:auto;max-height:none}.component-view-photo{position:relative}.work-case-main{width:100%;min-width:0}.work-case-main .component-photo{border:1px solid #eef1f3}.case-focus{margin-top:27px;padding:22px 0 0;border-top:1px solid #dce4e8}.case-focus h2{font-size:18px;line-height:1.4;margin:0 0 10px}.work-case-intro .case-focus p{font-size:15px;line-height:1.8;color:#526a78;margin:0}.portfolio-sectors h3 a{display:block}.portfolio-sectors h3 a>span{font-size:22px;font-weight:400;white-space:nowrap}.portfolio-selected .work-card-image{background:#fff}
@media(max-width:1000px){.portfolio-jump-nav{gap:14px}.portfolio-jump-nav>a{padding:21px 37px 21px 20px}.portfolio-jump-nav>a>span:first-child{font-size:17px}.portfolio-jump-nav>a>span[aria-hidden]{right:17px;top:23px}.portfolio-group .portfolio-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:20px}.portfolio-group-heading h2{font-size:30px}.portfolio-card .work-card-copy h3{font-size:24px}}
@media(max-width:600px){.portfolio-jump-nav{grid-template-columns:1fr;gap:10px;margin-bottom:43px}.portfolio-jump-nav>a{padding:19px 48px 19px 20px;gap:8px}.portfolio-jump-nav>a>span:first-child{font-size:19px}.portfolio-jump-nav>a>span[aria-hidden]{right:22px;top:22px}.portfolio-group{scroll-margin-top:95px}.portfolio-group+.portfolio-group{margin-top:44px;padding-top:36px}.portfolio-group-heading{display:block;margin-bottom:24px}.portfolio-group-heading h2{font-size:29px}.portfolio-count{display:block;margin-top:14px}.portfolio-group .portfolio-grid,.portfolio-selected.work-selected-grid{grid-template-columns:1fr}.portfolio-card .work-card-copy{padding:23px}.portfolio-card .work-card-copy h3,html[lang=zh-CN] .portfolio-card .work-card-copy h3{font-size:26px}.case-focus{margin-top:22px;padding-top:20px}.case-focus h2{font-size:18px}}
.work-case-intro .case-focus h2{font-size:18px}
@media(min-width:1001px){.portfolio-group .portfolio-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.portfolio-group[data-case-count="3"] .portfolio-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media(prefers-reduced-motion:reduce){.portfolio-jump-nav>a{transition:none}}
/* Four evidenced application groups, including photographed automotive parts. */
@media(min-width:1101px){.work-sectors.portfolio-sectors{grid-template-columns:repeat(4,minmax(0,1fr));gap:28px}.portfolio-sectors h3{font-size:23px}}
@media(min-width:601px) and (max-width:1100px){.work-sectors.portfolio-sectors{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:600px){.work-sectors.portfolio-sectors{grid-template-columns:1fr}}
@media(min-width:1001px){.portfolio-jump-nav{grid-template-columns:repeat(4,minmax(0,1fr))}}
@media(min-width:601px) and (max-width:1000px){.portfolio-jump-nav{grid-template-columns:repeat(2,minmax(0,1fr))}}