/* Approved About composition. Live copy and three independent clean scenes.
   Each mobile article has the same viewport budget as the desktop scene. */
html body main #mission.mv-section{--mv-title:36px;--mv-room:max(180px,calc(var(--ui-view,100svh) - var(--ui-header,var(--ds-header)) - 16px));position:relative;isolation:isolate;background:#031329;color:#fff;padding:0;margin:0;height:min(600px,var(--mv-room));min-height:0;max-height:var(--mv-room);overflow:hidden;scroll-margin-top:calc(var(--ui-header,var(--ds-header)) + 8px)}
#mission.mv-section .mv-panorama{position:absolute;inset:0;z-index:0;width:100%;height:100%;object-fit:cover;object-position:center bottom;pointer-events:none}
#mission.mv-section::before{content:'';position:absolute;inset:0;z-index:1;pointer-events:none;background:linear-gradient(180deg,#03132945,transparent 43%)}
#mission.mv-section .mv-columns{position:relative;z-index:2;height:100%;display:grid;grid-template-columns:1fr 1fr;gap:7%;width:min(88%,1600px);margin-inline:auto}
#mission.mv-section .mv-chapter{min-width:0;padding:0;margin:0;position:relative}
#mission.mv-section .mv-copy{padding-top:clamp(24px,2.5vw,40px);max-height:54%;overflow-y:auto;overscroll-behavior:auto;scrollbar-width:thin}
#mission.mv-section .mv-vision .mv-copy{padding-top:clamp(36px,3.3vw,54px)}
html body main #mission.mv-section .mv-kicker{font:600 var(--ds-eyebrow)/1.25 var(--ds-ui);color:#20d5ed;letter-spacing:.18em;margin:0 0 12px;text-transform:uppercase}
html body main #mission.mv-section h2{font:400 var(--mv-title)/1.12 var(--ds-display)!important;color:#fff;letter-spacing:0;margin:0!important;text-wrap:balance;overflow-wrap:normal;word-break:normal}
#mission.mv-section h2 em{font-style:normal;color:#0879ff}
html body main #mission.mv-section .mv-description{font:400 var(--ds-copy)/1.45 var(--ds-body);color:#edf3fc;margin:14px 0 0;max-width:58ch}
#mission.mv-section .mv-art{display:none;margin:0}
#mission.mv-section :focus-visible{outline:2px solid #20d5ed;outline-offset:-3px}
@media(max-width:1023px){
 html body main #mission.mv-section{--mv-title:32px;height:auto;max-height:none;overflow:visible}
 #mission.mv-section .mv-panorama{display:none}
 #mission.mv-section::before{display:none}
 #mission.mv-section .mv-columns{display:block;width:100%;height:auto}
 #mission.mv-section .mv-chapter{display:grid;grid-template-rows:auto minmax(140px,1fr);height:min(580px,var(--mv-room));max-height:var(--mv-room);overflow:auto;scroll-margin-top:calc(var(--ui-header,var(--ds-header)) + 8px);background:#031329}
 #mission.mv-section .mv-copy,#mission.mv-section .mv-vision .mv-copy{padding:24px max(var(--ds-gutter),calc((100% - 640px)/2)) 14px;max-height:none;overflow:visible}
 #mission.mv-section .mv-kicker{margin-bottom:10px}
 #mission.mv-section .mv-description{margin-top:12px}
 #mission.mv-section .mv-art{display:block;position:relative;min-height:140px;overflow:hidden;isolation:isolate}
 #mission.mv-section .mv-art::after{content:'';position:absolute;inset:0;pointer-events:none;background:linear-gradient(180deg,#031329,transparent 17%,transparent 92%,#031329)}
 #mission.mv-section .mv-art img{display:block;width:100%;height:100%;object-fit:cover;object-position:center 56%}
 #mission.mv-section .mv-vision .mv-art img{object-position:50% 65%}
 #mission.mv-section .mv-vision .mv-art::after{background:linear-gradient(180deg,#031329,transparent 20%)}
}
@media(min-width:768px) and (max-width:1023px){
 #mission.mv-section .mv-art img{object-position:50% 45%}
}
@media(max-height:520px) and (min-width:1024px){
 #mission.mv-section .mv-copy,#mission.mv-section .mv-vision .mv-copy{padding-top:16px;max-height:65%}
}
@media(max-width:767px){html body main #mission.mv-section{--mv-title:28px}}