/* Approved blue engineering headers. One shared geometry for every page. */
.technical-intro{height:380px;min-height:380px;max-height:380px;padding:28px 0;background:#071538;color:#fff;isolation:isolate;overflow:hidden}
.technical-intro:before{content:'';position:absolute;inset:0;z-index:-2;background:radial-gradient(ellipse at 10% 48%,#11618575,transparent 55%),linear-gradient(115deg,#0b2347,#071538 68%)}
.technical-intro .technical-intro-inner{height:100%;display:grid;grid-template-rows:18px 1fr 20px;gap:18px;width:min(1280px,88%);position:relative;z-index:1}
.technical-intro .intro-breadcrumb{display:flex;align-items:center;gap:11px;color:#a6bbd0;font-size:12px;line-height:18px;position:static;background:none;padding:0;margin:0}
.technical-intro .intro-breadcrumb a{color:#a6bbd0}.technical-intro .intro-breadcrumb a:hover{color:#80dcff}.technical-intro .intro-breadcrumb [aria-current]{color:#edf4fc}
.technical-intro-copy{max-width:62%;align-self:center}
.technical-intro .eyebrow{color:#65d6fa;display:flex;align-items:center;gap:10px;font-size:12px;line-height:18px;margin:0 0 10px;letter-spacing:0}
.technical-intro .eyebrow:before{content:'';width:26px;height:2px;background:#00b5ed;flex-shrink:0}
.technical-intro-title{min-height:130px;display:flex;align-items:center}
.technical-intro h1{font-size:58px;line-height:1.12;letter-spacing:-.035em;font-weight:700;color:#fff;margin:0}
.technical-intro p{font-size:16px;line-height:1.7;color:#c3d2e3;max-width:620px;margin:10px 0 0}
.intro-foundation{display:flex;align-items:center;gap:22px;color:#b5c8db;font-size:11px;line-height:20px;border-top:1px solid #ffffff26;padding-top:12px;align-self:end}
.intro-foundation span+span{border-right:1px solid #ffffff2b;padding-right:22px}
.technical-intro-art{position:absolute;inset:0 auto 0 0;width:55%;z-index:-1;pointer-events:none;overflow:hidden;direction:ltr}
.intro-grid{position:absolute;inset:0;background-image:linear-gradient(#8acbea09 1px,transparent 1px),linear-gradient(90deg,#8acbea09 1px,transparent 1px);background-size:50px 50px}
.intro-vector{position:absolute;inset:0;width:100%;height:100%;display:block;overflow:hidden;opacity:.78}
.intro-vector>g>:nth-child(2),.intro-vector>g>g>:nth-child(2){stroke:#8ce7ff;opacity:.95}
.intro-vector>g>:nth-child(3),.intro-vector>g>g>:nth-child(3){stroke:#2296c5;opacity:.8}
.intro-vector path,.intro-vector rect,.intro-vector circle{vector-effect:non-scaling-stroke}
@media(max-width:1000px){.technical-intro-copy{max-width:70%}.technical-intro h1{font-size:50px}.technical-intro-art{opacity:.7}}
@media(max-width:760px){
 .technical-intro{height:360px;min-height:360px;max-height:360px;padding-block:25px}
 .technical-intro .technical-intro-inner{grid-template-rows:18px 1fr 20px;gap:15px}
 .technical-intro-copy{max-width:100%;width:100%}
 .technical-intro h1{font-size:38px;line-height:1.16;letter-spacing:-.03em}
 .technical-intro-title{min-height:92px}
 .technical-intro p{font-size:14px;line-height:1.8;max-width:500px;margin-top:10px}
 .technical-intro-art{width:70%;opacity:.38}
 .intro-foundation{gap:12px;font-size:11px;line-height:18px;padding-top:10px;white-space:nowrap}
 .intro-foundation span+span{padding-right:12px}
}
@media(max-width:380px){.technical-intro h1{font-size:34px}.intro-foundation{gap:8px;font-size:10px}.intro-foundation span+span{padding-right:8px}.technical-intro-art{width:100%;opacity:.25}}
/* Three approved lines fit inside the same shared header height. */
.technical-intro[data-intro-design="about"] h1{font-size:48px;line-height:1.08}
@media(max-width:1000px){.technical-intro[data-intro-design="about"] h1{font-size:44px}}
@media(max-width:760px){.technical-intro[data-intro-design="about"] h1{font-size:34px;line-height:1.1}}
@media(max-width:380px){.technical-intro[data-intro-design="about"] h1{font-size:32px}}