/* Photo-first opening. Scroll moves the image and deepens the blue veil. */
.engineering { background:#101f31; }
.engineering .site-header { position:absolute; z-index:5; left:0; right:0; border-bottom:1px solid #ffffff30; }
.engineering .site-header .site-nav { color:#edf5fb; }
.engineering .site-header .brand { color:white; }
.engineering .site-header .header-link { background:#10213685; color:white; }
.facility-hero { --photo-shift:0px; --photo-scale:1.04; --blue-opacity:0; position:relative; isolation:isolate; display:flex; align-items:center; min-height:820px; min-height:100svh; overflow:hidden; background:#101f31; }
.facility-image { position:absolute; inset:-60px 0; z-index:-3; background:url('assets/facility-hero.png') center center/cover no-repeat; transform:translate3d(0,var(--photo-shift),0) scale(var(--photo-scale)); }
.facility-shade { position:absolute; inset:0; z-index:-2; background:linear-gradient(90deg,rgba(5,16,29,.83),rgba(6,20,34,.45) 55%,rgba(6,20,34,.1)),linear-gradient(0deg,#101f31 0%,rgba(16,31,49,.18) 32%,rgba(6,17,30,.15) 75%,rgba(6,17,30,.6)); }
.facility-hero::after { content:''; position:absolute; inset:0; z-index:-1; background:#101f31; opacity:var(--blue-opacity); }
.facility-copy { padding-top:160px; padding-bottom:150px; }
.engineering .facility-copy h1 { max-width:900px; font-size:clamp(44px,6.2vw,88px); line-height:1.04; color:#fff; letter-spacing:-.045em; text-shadow:0 2px 24px #0003; }
.facility-copy>.eyebrow { color:#b2e2ff; letter-spacing:.16em; }
.facility-copy>p:not(.eyebrow) { max-width:560px; font-size:19px; line-height:1.65; color:#edf4f9; margin-top:28px; }
.facility-contact { color:white; text-decoration:underline; text-underline-offset:6px; font-size:14px; font-weight:700; }
.facility-bottom { position:absolute; bottom:32px; left:0; right:0; display:flex; align-items:center; justify-content:space-between; gap:18px; }
.scroll-prompt { display:flex; gap:25px; color:#fff; font-size:12px; letter-spacing:.08em; }
.scroll-prompt span { color:#a3d9fa; font-size:23px; line-height:1; }
.facility-caption { color:#c3d1dc; font-size:10px; }
.engineering .service-intro-title { font-size:clamp(32px,4vw,54px); line-height:1.12; }
@media(max-width:1000px) { .facility-copy { padding-top:210px; }.engineering .site-header .site-nav { padding-bottom:10px; } }
@media(max-width:760px) { .facility-hero { min-height:780px; min-height:100svh; }.facility-copy { padding-top:200px; padding-bottom:160px; }.facility-copy>p:not(.eyebrow) { font-size:17px; }.facility-image { background-position:62% center; }.facility-shade { background:linear-gradient(90deg,#071424db,#07142465),linear-gradient(0deg,#101f31,transparent 50%); }.facility-bottom { bottom:25px; }.facility-caption { max-width:110px; text-align:right; }.facility-copy .hero-actions { align-items:flex-start; flex-direction:column; } }
@media(prefers-reduced-motion:reduce) { .facility-image { transform:none!important; }.facility-hero::after { opacity:0!important; } }