/* Explanatory vector diagrams complement existing product and application images. */
.technical-illustration {display:block;width:100%;height:160px;background:#edf5fb;}
.visual-detail {margin:14px 0 0;border-top:1px solid #c6d9e7;padding-top:12px;min-width:0;}
.visual-detail>summary {font:400 14px/1.5 var(--site-sans);letter-spacing:0;cursor:pointer;list-style:none;display:flex;gap:14px;align-items:baseline;justify-content:space-between;color:inherit;}
.visual-detail>summary:after {content:'+';font-size:20px;line-height:1;}
.visual-detail[open]>summary:after {content:'−';}
.visual-detail>summary::-webkit-details-marker {display:none;}
.visual-detail>summary:focus-visible {outline:2px solid #4287af;outline-offset:5px;}
.visual-detail-body {padding-top:14px;}
.visual-detail-body p,.visual-detail-body .large-copy,.visual-detail-body li {font:400 15px/1.65 var(--site-sans);letter-spacing:0;color:inherit;margin:0 0 12px;}
.visual-detail-body p:last-child {margin-bottom:0;}
.visual-detail-body ul {margin:0;padding-left:20px;}
.split-hero-copy>.visual-detail {width:100%;max-width:530px;margin-top:22px;}
.illustrated-grid {display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:20px;align-items:start;}
.illustrated-grid>article {padding:0 20px 20px;background:#f5f9fc;border:1px solid #dce7ef;min-width:0;color:#25465e;}
.illustrated-grid>article>.technical-illustration {width:calc(100% + 40px);max-width:none;margin:0 -20px 20px;}
.illustrated-grid>article h3 {font:400 var(--type-h3)/1.2 var(--site-serif);letter-spacing:-.025em;color:#0e3553;margin:0;}
.illustrated-grid .visual-detail {color:#34566f;}
.illustrated-process {display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:28px;counter-reset:route;}
.illustrated-process>article {position:relative;border:1px solid #d0e1ed;background:#f5f9fc;padding:20px;min-width:0;}
.illustrated-process>article>.step-index {position:absolute;left:15px;top:14px;z-index:1;font:700 12px/1 var(--site-sans);color:#315d7e;}
.illustrated-process .technical-illustration {height:175px;width:calc(100% + 40px);margin:-20px -20px 19px;max-width:none;}
.illustrated-process h3 {font:400 var(--type-h3)/1.2 var(--site-serif);margin:0 0 10px;}
.illustrated-process .visual-stage-caption {font:400 14px/1.5 var(--site-sans);margin:0;color:#4f6f86;}
.visual-note {font:400 12px/1.5 var(--site-sans);color:#5a758b;margin:-10px 0 20px;}
.visual-next-grid {display:grid;grid-template-columns:1fr 1fr;gap:24px;}
.visual-next-grid>a {display:grid;grid-template-columns:45% 1fr;align-items:center;background:#edf5fb;border:1px solid #d6e4ee;min-width:0;}
.visual-next-grid img,.visual-next-art {display:block;width:100%;height:220px;object-fit:cover;}
.visual-next-grid .technical-illustration {height:220px;}
.visual-next-grid>a>div:last-child {padding:22px;}
.visual-next-grid h2 {font:400 28px/1.12 var(--site-serif);margin:0 0 18px;}
.visual-next-grid span {font:400 14px/1.5 var(--site-sans);}
.visual-factory-map {display:block;padding:30px 5.4%;}
.visual-factory-map .network-visual {display:grid;grid-template-columns:1fr 1fr;align-items:center;gap:0 50px;}
.visual-factory-map .network-visual>.eyebrow {align-self:end;}
.visual-factory-map .network-visual>h2 {align-self:start;}
.visual-factory-map .network-diagram {grid-column:2;grid-row:1/3;max-width:500px;height:240px;width:100%;margin:0;}
.factory-photo-grid {display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:26px;}
.factory-photo-card {border:1px solid #d6e4ee;background:#f8fbfd;min-width:0;scroll-margin-top:20px;}
.factory-photo-card figure {margin:0;position:relative;}
.factory-photo-card figure img {display:block;width:100%;height:220px;object-fit:contain;background:#eaf2f7;}
.factory-photo-card figcaption {position:absolute;left:12px;bottom:12px;background:#f8fbfde8;padding:5px 8px;font:400 10px/1.5 var(--site-sans);letter-spacing:.08em;color:#365d79;}
.factory-photo-copy {padding:22px;}
.factory-photo-copy h2 {font:400 28px/1.2 var(--site-serif);margin:4px 0 14px;}
.factory-photo-copy h3 {font:600 16px/1.4 var(--site-sans);letter-spacing:0;margin:0;}
.factory-photo-copy .text-link {font-size:14px;margin-top:14px;}
.factory-photo-copy .factory-capacity {font:400 12px/1.6 var(--site-sans);}
.visual-industry {display:grid;grid-template-columns:minmax(0,.85fr) minmax(0,1.4fr);gap:46px;align-items:center;}
.visual-industry .industry-feature-photo {max-width:none;width:100%;aspect-ratio:127/135;margin:0;}
.visual-industry .large-copy {font:400 16px/1.6 var(--site-sans);}
.visual-product-links {display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;}
.visual-product-links a {display:block;padding:0;border:1px solid #d2e2ee;background:#f9fcff;color:#143b57;min-width:0;}
.visual-product-links img {width:100%;height:130px;object-fit:cover;display:block;}
.visual-product-links a>span {display:block;padding:12px;font:400 14px/1.4 var(--site-sans);}
.visual-product-links b {font-weight:400;}
.visual-product-links a:hover {background:#e1eff9;color:#143b57;}
.content-section>.visual-product-links {grid-template-columns:repeat(4,minmax(0,1fr));}
.content-section>.visual-product-links img {height:190px;}
.visual-company-values {display:block;}
.visual-company-values .home-about-title {margin-bottom:24px;}
.visual-company-values .home-about-title br {display:none;}
.visual-company-values .home-reasons {margin:0;padding:0;border:0;}
.company-visual-route {display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;}
.company-visual-route strong {display:block;text-align:center;font:600 14px/1.5 var(--site-sans);padding:12px 0;color:#234f6e;}
.company-visual-route .technical-illustration {height:130px;}
.timeline article {border-left:2px solid #bed9ea;padding-left:20px;}
.timeline .visual-detail {margin-top:12px;}
.overview-split>div>.technical-illustration {height:150px;margin-bottom:20px;}
.editorial-heading>.visual-detail {max-width:42%;align-self:center;}
.marine .editorial-heading>.visual-detail {color:#e8f3fc;border-color:#769eb9;}
@media(max-width:1100px) and (min-width:761px){
 .illustrated-grid {grid-template-columns:repeat(2,minmax(0,1fr));}
 .illustrated-process,.factory-photo-grid {grid-template-columns:repeat(2,minmax(0,1fr));}
 .visual-next-grid>a {display:block;}
 .visual-industry {grid-template-columns:1fr 1.3fr;gap:25px;}
 .visual-product-links img {height:95px;}
}
@media(max-width:760px){
 .technical-illustration {height:120px;}
 .illustrated-grid {grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;}
 .illustrated-grid>article {padding:0 13px 15px;}
 .illustrated-grid>article>.technical-illustration {width:calc(100% + 26px);margin:0 -13px 15px;height:110px;}
 .illustrated-grid>article h3 {font-size:22px;overflow-wrap:break-word;}
 .visual-detail>summary {font-size:13px;gap:8px;}
 .visual-detail-body p,.visual-detail-body .large-copy,.visual-detail-body li {font-size:14px;}
 .illustrated-process {grid-template-columns:1fr;gap:20px;}
 .illustrated-process .technical-illustration {height:155px;}
 .visual-next-grid {grid-template-columns:1fr;gap:18px;}
 .visual-next-grid>a {grid-template-columns:40% 1fr;}
 .visual-next-grid img,.visual-next-art,.visual-next-grid .technical-illustration {height:170px;}
 .visual-next-grid>a>div:last-child {padding:18px;}
 .visual-next-grid h2 {font-size:24px;}
 .visual-factory-map {padding:28px 5%;}
 .visual-factory-map .network-visual {display:block;}
 .visual-factory-map .network-diagram {height:200px;margin-top:15px;}
 .factory-photo-grid {grid-template-columns:1fr;gap:22px;}
 .factory-photo-card figure img {height:210px;}
 .factory-photo-copy {padding:20px;}
 .visual-industry {display:block;}
 .visual-industry .industry-feature-photo {aspect-ratio:127/135;margin:0 0 24px;}
 .visual-product-links {gap:8px;}
 .visual-product-links img {height:90px;}
 .visual-product-links a>span {font-size:12px;padding:10px 7px;overflow-wrap:break-word;}
 .content-section>.visual-product-links {grid-template-columns:repeat(2,minmax(0,1fr));}
 .content-section>.visual-product-links img {height:135px;}
 .company-visual-route .technical-illustration {height:100px;}
 .company-visual-route strong {font-size:12px;}
 .visual-company-values .home-about-title br {display:initial;}
 .editorial-heading>.visual-detail {max-width:none;margin-top:20px;}
}