/* A photographic factory viewer with a persistent process selector. */
.manufacturing-showcase{padding:76px 0;background:#fff}
.manufacturing-showcase .manufacturing-section-title{margin-bottom:44px}
.manufacturing-showcase .manufacturing-section-title>span{font-size:20px;font-weight:400;color:#68736c;letter-spacing:-.025em}
.factory-showcase-layout{display:grid;grid-template-columns:minmax(250px,.72fr) minmax(0,1.65fr);grid-template-areas:'process image';gap:48px;align-items:stretch}
.factory-process-column{display:contents}
.manufacturing-showcase .factory-thumbnails{grid-area:process;display:grid;grid-template-columns:minmax(0,1fr);grid-template-rows:repeat(4,minmax(100px,1fr));gap:8px;margin:0;align-items:stretch}
.manufacturing-showcase .factory-thumbnails button{box-sizing:border-box;display:grid;grid-template-columns:32px minmax(0,1fr) 18px;align-items:center;gap:18px;width:100%;min-width:0;padding:20px;background:#f2f5f8;border:0;border-radius:4px;color:#53697e;text-align:left;cursor:pointer;transition:background-color .18s,color .18s}
.manufacturing-showcase .factory-thumbnails .factory-process-icon{display:block;width:32px;height:32px;fill:none;stroke:currentColor;stroke-width:1.5;stroke-linecap:round;stroke-linejoin:round}
.manufacturing-showcase .factory-thumbnails span{margin:0;color:inherit;font-size:19px;font-weight:400;line-height:1.25;letter-spacing:-.025em}
.manufacturing-showcase .factory-thumbnails button::after{content:'→';font-size:20px;line-height:1;opacity:0}
.manufacturing-showcase .factory-thumbnails button[aria-pressed=true]{background:#0047ab;color:#fff}
.manufacturing-showcase .factory-thumbnails button[aria-pressed=true]::after{opacity:1}
.manufacturing-showcase .factory-thumbnails button:hover:not([aria-pressed=true]){background:#e6edf5;color:#123b67}
.manufacturing-showcase .factory-thumbnails button:focus-visible{outline:2px solid #0047ab;outline-offset:3px}
.manufacturing-showcase .factory-gallery{display:contents}
.manufacturing-showcase .factory-gallery-stage{grid-area:image;position:relative;height:auto;min-width:0;min-height:360px;max-height:none;aspect-ratio:1.65;border-radius:10px;overflow:hidden;background:#e9eeeb;touch-action:pan-y}
.manufacturing-showcase .factory-gallery-stage::after{content:'';position:absolute;inset:40% 0 0;z-index:1;background:linear-gradient(180deg,transparent,rgba(4,13,19,.78));pointer-events:none}
.manufacturing-showcase .factory-gallery-image{user-select:none;object-position:center}
.factory-gallery-controls{position:absolute;z-index:2;inset:20px;pointer-events:none}
.manufacturing-showcase .factory-position{position:absolute;top:0;left:0;display:flex;align-items:baseline;gap:4px;margin:0;padding:10px 12px;border-radius:4px;background:rgba(10,20,17,.82);color:#fff;font-size:23px;font-weight:400;line-height:1;letter-spacing:-.045em;font-variant-numeric:tabular-nums}
.manufacturing-showcase .factory-position>span[aria-hidden]{color:#d6dcd7;font-size:13px;letter-spacing:0}
.manufacturing-showcase .factory-buttons{position:absolute;right:0;bottom:0;display:flex;gap:8px;pointer-events:auto}
.manufacturing-showcase .factory-buttons button{display:flex;align-items:center;justify-content:center;box-sizing:border-box;width:44px;height:44px;padding:0;border:1px solid #fff;border-radius:4px;background:#fff;color:#0047ab;cursor:pointer}
.manufacturing-showcase .factory-buttons #factory-next{background:#0047ab;border-color:#0047ab;color:#fff}
.manufacturing-showcase .factory-buttons button svg{width:20px;height:20px;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}
.manufacturing-showcase .factory-buttons button:hover{background:#e8eff9;border-color:#e8eff9}
.manufacturing-showcase .factory-buttons #factory-next:hover{background:#003a8c;border-color:#003a8c}
.manufacturing-showcase .factory-buttons button:focus-visible{outline:2px solid #fff;outline-offset:4px}
.factory-photo-description{position:absolute;z-index:2;left:24px;right:150px;bottom:24px;display:grid;grid-template-columns:minmax(0,1fr);gap:8px;min-width:0;padding:0;pointer-events:none}
.manufacturing-showcase #factory-caption{position:static;z-index:auto;margin:0;color:#fff;font-size:22px;font-weight:400;line-height:1.25;letter-spacing:-.025em}
.manufacturing-showcase #factory-description{margin:0;max-width:52ch;color:#f1f4f5;font-size:16px;font-weight:400;line-height:1.55}
.manufacturing-showcase .factory-tour-link{position:absolute;z-index:3;top:20px;right:20px;display:flex;align-items:center;justify-content:center;box-sizing:border-box;width:44px;height:44px;min-height:44px;margin:0;padding:0;border:0;border-radius:50%;background:#fff;color:#0047ab;text-decoration:none;transition:background-color .18s,color .18s}
.manufacturing-showcase .factory-tour-link svg{width:20px;height:20px;fill:none;stroke:currentColor;stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round}
.manufacturing-showcase .factory-tour-link:hover{background:#0047ab;color:#fff;text-decoration:none}
.manufacturing-showcase .factory-tour-link:focus-visible{outline:2px solid #fff;outline-offset:4px}
@media(max-width:1100px){
 .factory-showcase-layout{grid-template-columns:minmax(230px,.75fr) minmax(0,1.4fr);column-gap:30px}
 .manufacturing-showcase .factory-thumbnails{grid-template-rows:repeat(4,minmax(88px,1fr))}
 .manufacturing-showcase .factory-thumbnails button{grid-template-columns:28px minmax(0,1fr) 15px;gap:14px;padding:18px}
 .manufacturing-showcase .factory-thumbnails .factory-process-icon{width:28px;height:28px}
 .manufacturing-showcase .factory-thumbnails span{font-size:17px}
 .manufacturing-showcase .factory-gallery-stage{min-height:370px;aspect-ratio:auto}
}
@media(max-width:800px){
 .manufacturing-showcase{padding:48px 0}
 .manufacturing-showcase .manufacturing-section-title{margin-bottom:28px}
 .manufacturing-showcase .manufacturing-section-title>span{font-size:16px;margin-top:10px}
 .factory-showcase-layout{grid-template-columns:minmax(0,1fr);grid-template-areas:'image' 'process';gap:24px}
 .manufacturing-showcase .factory-gallery-stage{aspect-ratio:1.7;min-height:0;max-height:400px}
 .manufacturing-showcase .factory-thumbnails{grid-template-columns:repeat(4,minmax(0,1fr));grid-template-rows:auto;gap:10px}
 .manufacturing-showcase .factory-thumbnails button{grid-template-columns:28px minmax(0,1fr);gap:12px;padding:16px 12px;min-height:76px;align-content:center}
 .manufacturing-showcase .factory-thumbnails button::after{content:none}
 .manufacturing-showcase .factory-thumbnails span{font-size:16px}
}
@media(max-width:600px){
 .manufacturing-showcase .factory-gallery-stage{aspect-ratio:4/3;min-height:320px;max-height:none;border-radius:7px}
 .factory-gallery-controls{inset:14px}
 .factory-photo-description{left:14px;right:124px;bottom:14px;gap:6px}
 .manufacturing-showcase #factory-caption{font-size:18px;line-height:1.25}
 .manufacturing-showcase #factory-description{font-size:14px;line-height:1.45}
 .manufacturing-showcase .factory-tour-link{top:14px;right:14px}
 .manufacturing-showcase .factory-thumbnails{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}
 .manufacturing-showcase .factory-thumbnails button{grid-template-columns:24px minmax(0,1fr);gap:10px;padding:14px 12px;min-height:64px}
 .manufacturing-showcase .factory-thumbnails .factory-process-icon{width:24px;height:24px}
 .manufacturing-showcase .factory-thumbnails span{font-size:16px}
}
@media(prefers-reduced-motion:reduce){.manufacturing-showcase .factory-thumbnails button,.manufacturing-showcase .factory-tour-link{transition:none}}