.moog-hub *{box-sizing:border-box}.moog-hub{margin:0;background:#fafafa;color:#252a2e;font-family:'PingFang SC','Microsoft YaHei',-apple-system,'Segoe UI',sans-serif}.moog-hub .wrap{max-width:1240px;margin:auto;padding:0 48px}.moog-hub .hero{background:#e5ecf1;border-bottom:1px solid #ccd9e2}.moog-hub .hero .wrap{padding-top:23px;padding-bottom:30px;position:relative;overflow:hidden}.moog-hub .crumb{font-size:12px;color:#71808b;margin:0 0 25px}.moog-hub .grid{display:grid;grid-template-columns:1.1fr 1fr;gap:34px;align-items:center}.moog-hub .logo{width:150px;height:34px;object-fit:contain;object-position:left;margin-bottom:18px}.moog-hub h1{font-size:36px;line-height:1.3;font-weight:600;margin:0 0 16px}.moog-hub .lead{font-size:16px;line-height:1.85;color:#586b79;margin:0;max-width:490px}.moog-hub .actions{display:flex;gap:24px;align-items:center;margin-top:24px}.moog-hub .primary{background:#873146;color:#fafafa;text-decoration:none;padding:12px 20px;font-size:14px;border-radius:4px}.moog-hub .secondary{font-size:14px;color:#4e6475;text-decoration:none}.moog-hub .visual{height:295px;display:flex;align-items:center;justify-content:center}.moog-hub .visual img{height:100%;width:100%;object-fit:contain;mix-blend-mode:multiply}.moog-hub .caption{font-size:11px;color:#7a8993;text-align:right;margin:0}.moog-hub .series{padding-top:28px;padding-bottom:32px}.moog-hub .heading{display:flex;justify-content:space-between;align-items:baseline;margin-bottom:18px;gap:16px}.moog-hub h2{font-size:23px;font-weight:600;margin:0}.moog-hub .heading p{font-size:12px;color:#78838c;margin:0}.moog-hub .links{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:0 25px}.moog-hub .links a{display:flex;justify-content:space-between;align-items:center;text-decoration:none;color:#303a42;font-size:19px;font-weight:500;padding:17px 0;border-top:1px solid #cad6df;font-family:'Segoe UI',Arial,sans-serif}.moog-hub .links span{color:#873146;font-weight:400;font-size:17px}.moog-hub .note{font-size:12px;color:#7a8790;margin:18px 0 0;line-height:1.7}@media(max-width:767px){.moog-hub .wrap{padding-inline:24px}.moog-hub .grid{grid-template-columns:1fr;gap:12px}.moog-hub .hero .wrap{padding-bottom:22px}.moog-hub .logo{width:130px;margin-bottom:15px}.moog-hub h1{font-size:29px}.moog-hub .lead{font-size:15px}.moog-hub .visual{height:220px}.moog-hub .caption{font-size:10px}.moog-hub .links{grid-template-columns:repeat(2,minmax(0,1fr));gap:0 24px}.moog-hub .heading{align-items:flex-start}.moog-hub h2{font-size:22px}.moog-hub .heading p{max-width:110px;line-height:1.7}.moog-hub .actions{gap:18px}.moog-hub .secondary{font-size:13px}}



















.moog-hub{background:#fafafa;color:#252a2e;color-scheme: only light !important;font-family:'PingFang SC','Microsoft YaHei',-apple-system,'Segoe UI',sans-serif}









.moog-hub .hero{padding:0;min-height:0;height:auto;display:block;text-align:left;background:#e5ecf1;background-image:none}









.moog-hub .hero:before,.moog-hub .hero:after{display:none}









.moog-hub .hero h1{text-align:left;font-size:36px;line-height:1.3;margin:0 0 16px;max-width:none;color:#252a2e}









.moog-hub .hero .lead{text-align:left;margin:0;font-size:16px;line-height:1.85;max-width:490px;color:#586b79}









.moog-hub .hero .crumb{margin:0 0 25px;font-size:12px;text-align:left}









.moog-hub .listing-series{padding-top:12px}









.moog-hub .listing-series a{font-family:'Segoe UI','Microsoft YaHei',sans-serif}









@media(max-width:767px){.moog-hub .hero h1{font-size:29px}.moog-hub .hero .lead{font-size:15px}}



















.moog-hub .listing-series .listing-related-links{display:none}














@media(min-width:561px) and (max-width:1100px){




.moog-hub .hero .wrap{padding:22px 24px 26px}




.moog-hub .hero .grid{grid-template-columns:minmax(0,1.15fr) minmax(0,1fr);gap:22px}




.moog-hub .hero h1{font-size:28px;line-height:1.3}




.moog-hub .hero .lead{font-size:14px;line-height:1.8}




.moog-hub .hero .logo{width:130px;height:29px;margin-bottom:14px}




.moog-hub .hero .visual{height:220px}




.moog-hub .hero .actions{gap:14px;flex-wrap:wrap;margin-top:20px}




.moog-hub .hero .primary{font-size:13px;padding:10px 14px}




.moog-hub .hero .secondary{font-size:13px}




.moog-hub .hero .caption{font-size:10px;line-height:1.6}




.moog-hub .series .links{grid-template-columns:repeat(4,minmax(0,1fr))}




.moog-hub .series .heading p{max-width:none;white-space:nowrap}




}




@media(max-width:560px){




.moog-hub .hero .wrap{padding:20px 24px 26px}




.moog-hub .hero .crumb{margin-bottom:24px;font-size:11px}




.moog-hub .hero .grid{display:block;position:relative}




.moog-hub .hero .grid>div:first-child{position:relative;z-index:1}




.moog-hub .hero .grid>div:last-child{position:absolute;right:-12px;top:48px;width:49%;pointer-events:none;opacity:.23}




.moog-hub .hero .visual{height:175px}




.moog-hub .hero .caption{display:none}




.moog-hub .hero .logo{width:120px;height:27px;margin-bottom:14px}




.moog-hub .hero h1{font-size:27px;margin-bottom:14px}




.moog-hub .hero .lead{font-size:14px;line-height:1.85;max-width:270px}




.moog-hub .hero .actions{gap:16px;margin-top:24px;flex-wrap:wrap}




.moog-hub .hero .primary{font-size:12px;padding:11px 14px}




.moog-hub .hero .secondary{font-size:12px}




.moog-hub .series .heading{flex-wrap:wrap;gap:9px}




.moog-hub .series .heading p{max-width:none}




}









/* Unified brand signature, typography and optical alignment. */




.moog-hub .hero .wrap{padding-top:22px;padding-bottom:28px}




.moog-hub .hero .crumb{display:flex;align-items:center;gap:10px;font-size:12px;margin:0 0 24px;color:#73828d;line-height:1.6}




.moog-hub .hero .crumb a{color:inherit;text-decoration:none}




.moog-hub .hero .grid{grid-template-columns:minmax(0,1.1fr) minmax(0,1fr);gap:48px}




.moog-hub .brand-signature{display:flex;align-items:center;gap:17px;margin-bottom:19px}




.moog-hub .hero .brand-signature .logo{display:block;width:108px;height:25px;object-fit:contain;object-position:left center;margin:0}




.moog-hub .brand-signature>span{border-left:1px solid #bacad6;padding-left:17px;font-size:11px;color:#71818e;letter-spacing:.03em;line-height:1.6}




.moog-hub .hero h1{font-size:36px;font-weight:600;letter-spacing:.01em;margin:0 0 17px;line-height:1.3}




.moog-hub .sr-brand{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}




.moog-hub .hero .lead{font-size:15px;line-height:1.9;color:#566873;max-width:450px}




.moog-hub .hero .visual{height:260px}




.moog-hub .hero .visual img{width:100%;height:100%;object-fit:contain}




.moog-hub .hero .caption{font-size:10px;line-height:1.6;text-align:center;color:#7e8b95;margin:8px 0 0}




.moog-hub .hero .actions{gap:24px;margin-top:23px;align-items:center}




.moog-hub .hero .primary{font-size:13px;padding:11px 18px;line-height:1.6;background:#83374b;border:1px solid #83374b;border-radius:4px;font-weight:500}




.moog-hub .hero .secondary{font-size:13px;color:#5a6974;line-height:1.6;text-decoration:none}




.moog-hub .series{padding-top:26px;padding-bottom:23px}




.moog-hub .series .heading{margin-bottom:17px;align-items:center}




.moog-hub .series h2{font-size:23px;line-height:1.4;letter-spacing:normal;color:#252a2e}




.moog-hub .series .heading p{font-size:12px;color:#7a8790}




.moog-hub .links{column-gap:28px;row-gap:0}




.moog-hub .links a{font-size:19px;font-weight:500;padding:15px 0;border-top:1px solid #ccd7df;transition:color .18s ease-out}




.moog-hub .links .series-label{font-size:19px;color:#333e47;font-weight:500;line-height:1.35}




.moog-hub .links small{display:block;color:#7e8a94;font-size:11px;margin-top:5px;font-weight:400}




.moog-hub .links a>span:last-child{font-size:17px;color:#8c5262}




.moog-hub .links a:hover .series-label{color:#873146}




.moog-hub .series .note{margin-top:14px;font-size:11px;line-height:1.7;color:#7e8a93}




@media(min-width:561px) and (max-width:1100px){.moog-hub .hero .grid{gap:24px}.moog-hub .hero .visual{height:220px}.moog-hub .hero h1{font-size:30px}.moog-hub .brand-signature{gap:12px}.moog-hub .brand-signature>span{padding-left:12px;font-size:10px}.moog-hub .hero .brand-signature .logo{width:92px;height:22px}.moog-hub .hero .lead{font-size:14px}}




@media(max-width:560px){.moog-hub .hero .wrap{padding-top:20px;padding-bottom:25px}.moog-hub .hero .grid{display:block}.moog-hub .hero .brand-signature .logo{width:96px;height:23px}.moog-hub .brand-signature{gap:13px;margin-bottom:18px}.moog-hub .brand-signature>span{font-size:10px;padding-left:13px}.moog-hub .hero h1{font-size:29px}.moog-hub .hero .lead{font-size:14px}.moog-hub .hero .grid>div:last-child{top:45px;opacity:.16}.moog-hub .hero .visual{height:170px}.moog-hub .hero .actions{gap:18px}.moog-hub .series .heading{align-items:baseline}.moog-hub .series h2{font-size:21px}}




@media(prefers-reduced-motion:reduce){.moog-hub .links a{transition:none}}








.moog-hub .hero .brand-signature .logo{mix-blend-mode:multiply;background:transparent}






/* Product artwork uses its original pixels; blending is limited to the brand mark. */


.moog-hub .hero .visual img{mix-blend-mode:normal;filter:none;opacity:1;box-shadow:none}




.moog-hub .hero .visual img{mix-blend-mode:normal;filter:none;opacity:1;mask-image:linear-gradient(90deg,transparent 0%,#18181b 7%,#18181b 93%,transparent 100%),linear-gradient(180deg,transparent 0%,#18181b 3%,#18181b 96%,transparent 100%);mask-composite:intersect}


/* Real group photograph integrated as one continuous hero background. */
.moog-hub .hero{background-color:#e5ecf1;background-image:linear-gradient(90deg,#e5ecf1 0%,#e5ecf1 43%,rgba(229,236,241,.91) 51%,rgba(229,236,241,.18) 72%,rgba(43,55,65,.08) 100%),url('/assets/moog-group-20261015.webp');background-size:100% 100%,60% auto;background-position:center,right 43%;background-repeat:no-repeat}
.moog-hub .hero .wrap{min-height:365px;padding-top:22px;padding-bottom:34px}
.moog-hub .hero .grid{grid-template-columns:minmax(0,1fr) minmax(0,1fr);min-height:265px;align-items:center}
.moog-hub .hero .grid>div:last-child{display:none}
.moog-hub .hero .grid>div:first-child{position:relative;z-index:1}
@media(min-width:561px) and (max-width:1100px){.moog-hub .hero{background-size:100% 100%,auto 125%;background-position:center,right 40%}.moog-hub .hero .wrap{min-height:335px}.moog-hub .hero .grid{min-height:230px;grid-template-columns:minmax(0,1.2fr) minmax(0,1fr)}}
@media(max-width:560px){.moog-hub .hero{background-image:linear-gradient(90deg,rgba(229,236,241,.98) 0%,rgba(229,236,241,.94) 40%,rgba(229,236,241,.67) 72%,rgba(229,236,241,.42) 100%),url('/assets/moog-group-20261015.webp');background-size:100% 100%,auto 110%;background-position:center,65% 35%}.moog-hub .hero .wrap{min-height:0;padding-bottom:28px}.moog-hub .hero .grid{min-height:0;display:block}}

/* Give multiply a local opaque backdrop so the source white cannot return in a composited layer. */
.moog-hub .hero .brand-signature{background-color:#e5ecf1;width:max-content;max-width:100%;isolation:isolate}
.moog-hub .hero .brand-signature .logo{mix-blend-mode:multiply;background:transparent}