/* PMOC follows the maintenance photograph placement: beside the copy on
   desktop, between the header and headline on mobile. */
.design-v4 .hero-pmoc { background:#10294f; color:#fff; border-bottom:0; text-align:left; min-height:660px; display:flex; align-items:center; }
.hero-pmoc .pmoc-background { background:#10294f; }
.hero-pmoc .pmoc-background img { object-position:77% center; transform:translateY(var(--photo-shift,0px)) scale(1.06); transform-origin:70% center; }
.hero-pmoc .pmoc-background::after { content:''; position:absolute; inset:0; background:linear-gradient(90deg,#10294f 0%,#10294fed 31%,#10294f7a 61%,#10294f16 100%); }
.hero-pmoc > .container { position:relative; }
.hero-pmoc .hero-copy { max-width:635px; margin:0; }
.design-v4 .hero-pmoc h1 span { color:#c0d8ff; background:linear-gradient(transparent 83%,#aacbff20 83%,#aacbff20 96%,transparent 96%); }
.design-v4 .hero-pmoc .hero-copy > p { max-width:565px; color:#e1eaf7; margin:0 0 24px; }
.design-v4 .hero-pmoc .hero-copy .definition { color:#c3d6ef; }
.design-v4 .hero-pmoc .hero-copy .coverage { color:#d4e1f3; max-width:455px; margin:24px 0 0; justify-content:flex-start; }
.hero-pmoc .coverage .icon { color:#b8d2ff; }
.hero-pmoc .pmoc-summary { border:1px solid #ffffff30; border-radius:10px; background:#10294fe8; padding:18px 20px; margin:36px 0 0; max-width:780px; }
.hero-pmoc .pmoc-summary > div { color:#e9f1ff; justify-content:flex-start; }
.hero-pmoc .summary-symbol { background:#eaf1ff; color:#143a8b; }
@media(min-width:960px) and (max-width:1199px){.hero-pmoc .hero-copy { max-width:565px; }.design-v4 .hero-pmoc .hero-copy > p { max-width:470px; }}
@media(max-width:959px){
 .design-v4 .hero-pmoc { display:block; padding:0 0 54px; min-height:0; }
 .design-v4 .hero-pmoc > .hero-background { position:relative; inset:auto; width:100%; height:clamp(224px,62vw,360px); }
 .design-v4 .hero-pmoc > .container { padding-top:26px; }
 .hero-pmoc .pmoc-background img { inset:0; width:100%; height:100%; object-position:77% center; transform:none; }
 .hero-pmoc .pmoc-background::after { background:linear-gradient(180deg,#10294f10 0%,#10294f00 55%,#10294f 100%); }
 .hero-pmoc .hero-copy { max-width:680px; }
 .design-v4 .hero-pmoc .hero-copy > p { max-width:650px; }
}
@media(prefers-reduced-motion:reduce){.hero-pmoc .pmoc-background img { transform:none!important; }}