/* TEKMILA Engineering Divisions: screenshot-matched dedicated interior page. */
.engineering-page{--eng-navy:#072338;--eng-ink:#07182a;--eng-lime:#bbf800;background:#fff;color:var(--eng-ink)}
.engineering-page em{font-style:normal;color:#64c522}
.engineering-page .nav-dropdown-toggle.active::after{content:"";position:absolute;left:0;right:0;bottom:21px;height:3px;background:var(--eng-lime)}
.engineering-page .site-header{background:#fff}
.engineering-page .eng-hero{min-height:326px;position:relative;isolation:isolate;overflow:hidden;background:#062338;color:#fff}
.engineering-page .eng-hero-bg{position:absolute;z-index:-2;right:0;top:0;bottom:0;width:74%;background-image:url('../assets/images/hero-factory-clear-v9.webp');background-repeat:no-repeat;background-size:cover;background-position:center 46%}
.engineering-page .eng-hero-fade{position:absolute;z-index:-1;inset:0;background:linear-gradient(90deg,#082236 0%,#082236f5 23%,#082236e8 34%,#08223683 50%,#08223611 77%,transparent 100%)}
.engineering-page .eng-hero-inner{max-width:1364px;width:calc(100% - 172px);margin:0 auto;padding:21px 0 28px}
.engineering-page .eng-breadcrumb{display:flex;align-items:center;gap:13px;font-size:14px;line-height:1.3;margin:0 0 13px;color:#fff}
.engineering-page .eng-breadcrumb a:hover{text-decoration:underline}
.engineering-page .eng-breadcrumb span[aria-hidden]{font-size:25px;font-weight:800;line-height:12px}
.engineering-page .eng-hero h1{font-size:53px;letter-spacing:-1.6px;line-height:1.02;margin:0 0 13px;font-weight:850}
.engineering-page .eng-hero h1 em{color:var(--eng-lime)}
.engineering-page .eng-hero p{max-width:530px;font-size:17px;line-height:1.38;margin:0 0 19px;color:#fff}
.engineering-page .eng-hero-cta{background:#07283fa8;border:1.5px solid #fff;color:#fff;height:43px;padding:0 18px;gap:20px;font-size:14px}
.engineering-page .eng-hero-cta:hover{background:#ffffff20}
.engineering-page .arrow-svg{width:20px;height:20px}
.engineering-page .eng-divisions{background:linear-gradient(#fff 0%,#fff 82%,#f8fbfe 100%);padding:36px 0 69px}
.engineering-page .eng-section-inner{max-width:1376px;width:calc(100% - 160px);margin:0 auto}
.engineering-page .eng-eyebrow{display:flex;align-items:center;gap:14px;font-size:14px;font-weight:800;letter-spacing:1.75px;line-height:1.3}
.engineering-page .eng-eyebrow>span{height:9px;width:44px;background:var(--eng-lime);border-radius:2px;flex:none}
.engineering-page .eng-divisions h2{font-size:49px;line-height:1.06;letter-spacing:-1.2px;margin:11px 0 43px;font-weight:850}
.engineering-page .eng-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:34px 27px}
.engineering-page .eng-card{background:#fff;overflow:hidden;min-width:0;border-radius:18px;box-shadow:0 15px 26px #102b4033,0 4px 10px #0a294115;transition:transform .2s,box-shadow .2s}
.engineering-page .eng-card:hover{transform:translateY(-4px);box-shadow:0 18px 32px #102b4040}
.engineering-page .eng-card-cover{display:block;position:relative;height:213px;overflow:hidden;background:#0d3049}
.engineering-page .eng-card-cover img{display:block;width:100%;height:100%;object-fit:cover;object-position:center center;transition:transform .4s}
.engineering-page .eng-card:hover .eng-card-cover img{transform:scale(1.025)}
.engineering-page .eng-photo-vignette{position:absolute;inset:0;background:linear-gradient(180deg,transparent 27%,#00223c33 53%,#001d33f2 100%)}
.engineering-page .eng-card-slash{position:absolute;bottom:-1px;right:-1px;width:53px;height:67px;background:var(--eng-lime);clip-path:polygon(100% 0,100% 100%,0 100%);filter:brightness(1.04)}
.engineering-page .eng-photo-content{position:absolute;bottom:13px;left:26px;z-index:1;display:flex;flex-direction:column;gap:7px;color:#fff}
.engineering-page .eng-small-icon{background:linear-gradient(145deg,#eaffbd,#bffa39);color:#145c19;height:45px;width:45px;border-radius:10px;display:flex;align-items:center;justify-content:center;box-shadow:0 4px 9px #00243d38}
.engineering-page .eng-small-icon svg{width:27px;height:27px}
.engineering-page .eng-photo-content strong{font-size:24px;line-height:1.02;letter-spacing:-.55px;font-weight:800}
.engineering-page .eng-card-body{min-height:150px;padding:15px 27px 19px;display:flex;flex-direction:column;justify-content:space-between;gap:12px}
.engineering-page .eng-card-body p{font-size:16px;line-height:1.33;margin:0;color:#092037}
.engineering-page .eng-card-action{border-radius:99px;background:linear-gradient(180deg,#123e58,#052439);display:flex;justify-content:space-between;align-items:center;color:#fff;min-height:45px;gap:12px;font-size:17px;font-weight:800;line-height:1.1;padding-left:31px;transition:filter .16s}
.engineering-page .eng-card-action:hover{filter:brightness(1.15)}
.engineering-page .eng-arrow{width:52px;height:45px;display:flex;align-items:center;justify-content:center;flex:none;border-radius:30px;background:var(--eng-lime);color:#00253b}
.engineering-page .eng-arrow svg{width:23px;height:23px}
.engineering-page .eng-approach{position:relative;isolation:isolate;overflow:hidden;color:#fff;background:#042238;border-radius:20px;max-width:1484px;width:calc(100% - 54px);min-height:666px;margin:0 auto 50px;padding:46px 62px 50px;box-shadow:0 8px 22px #0d294325}
.engineering-page .eng-approach-backdrop{position:absolute;z-index:-2;inset:0;background:url('../assets/images/cta-refinery-clear-v9.webp') center center/cover no-repeat}
.engineering-page .eng-approach::before{content:"";position:absolute;inset:0;z-index:-1;background:linear-gradient(90deg,#032238fa 0%,#07304adf 24%,#0b3d5999 43%,transparent 75%),linear-gradient(0deg,#012037fc 0%,#02243aed 25%,transparent 64%)}
.engineering-page .eng-approach::after{content:"";position:absolute;top:0;right:0;width:150px;height:250px;background:var(--eng-lime);clip-path:polygon(72% 0,100% 0,100% 64%,0 100%);z-index:-1}
.engineering-page .eng-eyebrow-light{font-size:16px;letter-spacing:1.8px}
.engineering-page .eng-eyebrow-light span{width:49px;height:9px}
.engineering-page .eng-approach-content h2{font-size:53px;line-height:1.045;letter-spacing:-1.25px;font-weight:820;margin:11px 0 14px}
.engineering-page .eng-approach-content h2 em{color:var(--eng-lime)}
.engineering-page .eng-approach-lead{font-size:18px;line-height:1.39;max-width:650px;margin:0}
.engineering-page .eng-approach-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:27px;margin-top:37px}
.engineering-page .eng-approach-card{min-height:231px;min-width:0;border:1.5px solid #b5d0daaa;border-radius:19px;border-bottom:6px solid var(--eng-lime);background:linear-gradient(180deg,#234d68ad,#092a41e6);padding:25px 25px 19px;box-shadow:inset 0 1px #ffffff33;backdrop-filter:blur(5px)}
.engineering-page .eng-approach-header{display:flex;align-items:center;gap:17px}
.engineering-page .eng-approach-icon{display:grid;place-items:center;flex:none;width:66px;height:66px;border-radius:12px;background:linear-gradient(135deg,#ecffa5,#c4fd12);color:#153e16}
.engineering-page .eng-approach-icon svg{width:41px;height:41px}
.engineering-page .eng-approach-card h3{margin:0;font-size:23px;line-height:1.13;font-weight:780;letter-spacing:-.5px}
.engineering-page .eng-approach-card p{margin:17px 0 0;font-size:17px;line-height:1.4}
.engineering-page .eng-cta{position:relative;isolation:isolate;display:flex;align-items:center;gap:26px;max-width:1484px;width:calc(100% - 54px);min-height:148px;margin:0 auto 30px;padding:20px 50px;overflow:hidden;border-radius:17px;background:#06253d;color:#fff;box-shadow:0 6px 15px #082c4017}
.engineering-page .eng-cta::before{content:"";z-index:-2;position:absolute;inset:0;background:url('../assets/images/cta-refinery-clear-v9.webp') center 58%/cover no-repeat}
.engineering-page .eng-cta::after{content:"";z-index:-1;position:absolute;inset:0;background:linear-gradient(90deg,#052238 0%,#062a44fb 33%,#082c47ad 55%,#06223500 85%)}
.engineering-page .eng-cta-symbol{border:3px solid var(--eng-lime);border-radius:14px;color:var(--eng-lime);width:68px;height:68px;display:flex;align-items:center;justify-content:center;flex:none;margin-right:2px}
.engineering-page .eng-cta-symbol svg{width:47px;height:47px}
.engineering-page .eng-cta-copy{border-left:1px solid #c9d8e990;padding-left:28px;max-width:690px}
.engineering-page .eng-cta-copy h2{font-size:34px;line-height:1.1;letter-spacing:-.8px;margin:0 0 9px;font-weight:840}
.engineering-page .eng-cta-copy h2 em{color:var(--eng-lime)}
.engineering-page .eng-cta-copy p{font-size:15px;line-height:1.4;margin:0;max-width:550px}
.engineering-page .eng-cta-link{margin-left:auto;min-width:235px;height:57px;padding:0 21px;justify-content:space-between;flex:none;position:relative;z-index:1}
.engineering-page .eng-cta-link svg{width:22px;height:22px}
.engineering-page .site-footer{background:#fff}
@media(max-width:1300px){
 .engineering-page .eng-section-inner{width:calc(100% - 105px)}
 .engineering-page .eng-hero-inner{width:calc(100% - 105px)}
 .engineering-page .eng-grid{gap:26px 21px}
 .engineering-page .eng-card-cover{height:183px}
 .engineering-page .eng-photo-content strong{font-size:21px}
 .engineering-page .eng-card-body{padding:14px 22px 17px;min-height:146px}
 .engineering-page .eng-card-body p{font-size:14px}
 .engineering-page .eng-card-action{font-size:15px;padding-left:22px}
 .engineering-page .eng-approach{padding:46px 46px 43px;min-height:610px}
 .engineering-page .eng-approach-grid{gap:16px}
 .engineering-page .eng-approach-card{padding:19px 18px;min-height:222px}
 .engineering-page .eng-approach-card h3{font-size:19px}
 .engineering-page .eng-approach-icon{width:55px;height:55px}
 .engineering-page .eng-approach-icon svg{width:34px;height:34px}
 .engineering-page .eng-approach-card p{font-size:15px}
}
@media(max-width:950px){
 .engineering-page .eng-hero{min-height:335px}
 .engineering-page .eng-hero-inner{width:calc(100% - 70px)}
 .engineering-page .eng-hero h1{font-size:48px}
 .engineering-page .eng-hero p{max-width:460px;font-size:16px}
 .engineering-page .eng-section-inner{width:calc(100% - 65px)}
 .engineering-page .eng-divisions h2{font-size:43px;margin-bottom:30px}
 .engineering-page .eng-grid{gap:20px 16px}
 .engineering-page .eng-card-cover{height:164px}
 .engineering-page .eng-photo-content{bottom:10px;left:16px;gap:6px}
 .engineering-page .eng-small-icon{height:40px;width:40px}
 .engineering-page .eng-small-icon svg{width:24px;height:24px}
 .engineering-page .eng-photo-content strong{font-size:18px}
 .engineering-page .eng-card-body{min-height:137px;padding:13px 15px 16px}
 .engineering-page .eng-card-body p{font-size:13px}
 .engineering-page .eng-card-action{font-size:13px;min-height:39px;padding-left:16px}
 .engineering-page .eng-arrow{height:39px;width:41px}
 .engineering-page .eng-approach{width:calc(100% - 36px);padding:38px 30px;min-height:0}
 .engineering-page .eng-approach-grid{grid-template-columns:repeat(2,minmax(0,1fr));margin-top:35px}
 .engineering-page .eng-approach-card{min-height:172px}
 .engineering-page .eng-cta{width:calc(100% - 36px);gap:20px;padding:20px 25px}
 .engineering-page .eng-cta-copy h2{font-size:26px}
 .engineering-page .eng-cta-copy p{font-size:13px}
 .engineering-page .eng-cta-link{min-width:165px;padding:0 12px;font-size:12px;height:47px}
}
@media(max-width:700px){
 .engineering-page .eng-hero{min-height:425px}
 .engineering-page .eng-hero-bg{background-position:66% center;opacity:.78}
 .engineering-page .eng-hero-fade{background:linear-gradient(90deg,#062238f6 0%,#062238d5 65%,#06223844 100%),linear-gradient(0deg,#062238a1,transparent 60%)}
 .engineering-page .eng-hero-inner{width:calc(100% - 38px);padding:32px 0 40px}
 .engineering-page .eng-breadcrumb{margin-bottom:27px}
 .engineering-page .eng-hero h1{font-size:clamp(36px,9vw,49px)}
 .engineering-page .eng-hero p{font-size:15px;max-width:410px;line-height:1.5}
 .engineering-page .eng-section-inner{width:calc(100% - 36px)}
 .engineering-page .eng-divisions{padding:36px 0 44px}
 .engineering-page .eng-divisions h2{font-size:clamp(32px,7vw,44px);margin-bottom:27px}
 .engineering-page .eng-eyebrow{font-size:12px;letter-spacing:1.2px}
 .engineering-page .eng-eyebrow>span{width:34px;height:6px}
 .engineering-page .eng-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:16px 12px}
 .engineering-page .eng-card-cover{height:147px}
 .engineering-page .eng-card-slash{width:35px;height:48px}
 .engineering-page .eng-card-body{min-height:155px;padding:13px 12px 14px;gap:11px}
 .engineering-page .eng-card-body p{font-size:12px;line-height:1.35}
 .engineering-page .eng-photo-content strong{font-size:16px}
 .engineering-page .eng-card-action{min-height:37px;padding-left:13px;font-size:11px}
 .engineering-page .eng-arrow{height:37px;width:37px}
 .engineering-page .eng-approach{margin-bottom:28px;padding:31px 22px 25px;border-radius:16px}
 .engineering-page .eng-approach-content h2{font-size:clamp(30px,6.4vw,45px)}
 .engineering-page .eng-approach-lead{font-size:15px}
 .engineering-page .eng-approach-grid{gap:12px}
 .engineering-page .eng-approach-card{padding:14px;min-height:172px}
 .engineering-page .eng-approach-header{display:block}
 .engineering-page .eng-approach-icon{width:45px;height:45px;margin-bottom:8px}
 .engineering-page .eng-approach-icon svg{width:28px;height:28px}
 .engineering-page .eng-approach-card h3{font-size:17px}
 .engineering-page .eng-approach-card p{font-size:13px;margin-top:9px}
 .engineering-page .eng-cta{min-height:0;padding:22px;flex-wrap:wrap;gap:15px}
 .engineering-page .eng-cta-symbol{height:55px;width:55px}
 .engineering-page .eng-cta-symbol svg{width:37px;height:37px}
 .engineering-page .eng-cta-copy{flex:1;min-width:180px;padding-left:14px}
 .engineering-page .eng-cta-copy h2{font-size:clamp(22px,5vw,29px)}
 .engineering-page .eng-cta-link{margin:5px 0 0 0;width:100%;min-width:0;max-width:260px}
}
@media(max-width:420px){
 .engineering-page .eng-hero{min-height:435px}
 .engineering-page .eng-grid{grid-template-columns:1fr;gap:17px}
 .engineering-page .eng-card-cover{height:180px}
 .engineering-page .eng-card-body{min-height:118px;padding:15px 18px}
 .engineering-page .eng-card-body p{font-size:14px}
 .engineering-page .eng-card-action{font-size:14px;padding-left:22px;min-height:41px}
 .engineering-page .eng-arrow{height:41px;width:46px}
 .engineering-page .eng-photo-content strong{font-size:22px}
 .engineering-page .eng-small-icon{height:43px;width:43px}
 .engineering-page .eng-approach-grid{grid-template-columns:1fr}
 .engineering-page .eng-approach-header{display:flex}
 .engineering-page .eng-approach-card{min-height:0}
 .engineering-page .eng-cta-copy{min-width:140px}
}

/* Prevent shared Homepage division-tile pseudo-elements affecting dedicated photo covers. */
.engineering-page .eng-card-cover.division-tile{height:213px;border-radius:0;box-shadow:none;transform:none;background:none}
.engineering-page .eng-card-cover.division-tile::after{display:none}
@media(max-width:1300px){.engineering-page .eng-card-cover.division-tile{height:183px}}
@media(max-width:950px){.engineering-page .eng-card-cover.division-tile{height:164px}}
@media(max-width:700px){.engineering-page .eng-card-cover.division-tile{height:147px}}
@media(max-width:420px){.engineering-page .eng-card-cover.division-tile{height:180px}}


/* TEKMILA DIVISIONS — approved compact card refinement v2 (scoped to this page only). */
/* Smaller photography panels, tighter body spacing, and a shorter two-row grid. */
.engineering-page .eng-divisions{padding-bottom:47px}
.engineering-page .eng-divisions h2{margin-bottom:34px}
.engineering-page .eng-grid{row-gap:23px}
.engineering-page .eng-card-cover,
.engineering-page .eng-card-cover.division-tile{height:190px}
.engineering-page .eng-card-body{min-height:132px;padding:13px 23px 15px;gap:10px}
.engineering-page .eng-card-body p{font-size:15px;line-height:1.34}
.engineering-page .eng-card-action{min-height:42px;font-size:16px;padding-left:25px}
.engineering-page .eng-arrow{height:42px;width:49px}
.engineering-page .eng-photo-content strong{font-size:23px}
.engineering-page .eng-photo-content{left:22px;bottom:12px}

/* Approach card content now defines height instead of a tall section minimum. */
.engineering-page .eng-approach{min-height:0;padding:43px 58px 40px;margin-bottom:42px}
.engineering-page .eng-approach-grid{gap:20px;margin-top:27px}
.engineering-page .eng-approach-card{min-height:185px;padding:18px 19px 16px}
.engineering-page .eng-approach-header{gap:13px}
.engineering-page .eng-approach-icon{width:55px;height:55px}
.engineering-page .eng-approach-icon svg{width:34px;height:34px}
.engineering-page .eng-approach-card h3{font-size:21px}
.engineering-page .eng-approach-card p{margin-top:13px;font-size:16px;line-height:1.38}

@media(max-width:1300px){
 .engineering-page .eng-divisions{padding-bottom:42px}
 .engineering-page .eng-grid{row-gap:20px}
 .engineering-page .eng-card-cover,
 .engineering-page .eng-card-cover.division-tile{height:170px}
 .engineering-page .eng-card-body{min-height:128px;padding:12px 19px 14px}
 .engineering-page .eng-card-body p{font-size:14px}
 .engineering-page .eng-card-action{font-size:14px;min-height:39px;padding-left:19px}
 .engineering-page .eng-arrow{height:39px;width:44px}
 .engineering-page .eng-photo-content strong{font-size:20px}
 .engineering-page .eng-approach{min-height:0;padding:40px 42px 36px}
 .engineering-page .eng-approach-grid{gap:15px;margin-top:25px}
 .engineering-page .eng-approach-card{min-height:182px;padding:16px}
 .engineering-page .eng-approach-card h3{font-size:19px}
 .engineering-page .eng-approach-card p{font-size:15px}
}
@media(max-width:950px){
 .engineering-page .eng-divisions h2{margin-bottom:27px}
 .engineering-page .eng-card-cover,
 .engineering-page .eng-card-cover.division-tile{height:150px}
 .engineering-page .eng-card-body{min-height:121px;padding:11px 13px 13px}
 .engineering-page .eng-card-body p{font-size:13px}
 .engineering-page .eng-card-action{font-size:12px;min-height:36px;padding-left:13px}
 .engineering-page .eng-arrow{height:36px;width:38px}
 .engineering-page .eng-photo-content{left:15px;bottom:10px}
 .engineering-page .eng-photo-content strong{font-size:18px}
 .engineering-page .eng-approach{min-height:0;padding:36px 29px 32px}
 .engineering-page .eng-approach-grid{gap:14px;margin-top:24px}
 .engineering-page .eng-approach-card{min-height:146px;padding:15px}
}
@media(max-width:700px){
 .engineering-page .eng-divisions{padding-bottom:35px}
 .engineering-page .eng-grid{row-gap:14px}
 .engineering-page .eng-card-cover,
 .engineering-page .eng-card-cover.division-tile{height:140px}
 .engineering-page .eng-card-body{min-height:142px;padding:12px}
 .engineering-page .eng-card-body p{font-size:12px}
 .engineering-page .eng-photo-content strong{font-size:16px}
 .engineering-page .eng-card-action{font-size:11px;min-height:36px;padding-left:11px}
 .engineering-page .eng-arrow{height:36px;width:36px}
 .engineering-page .eng-approach{padding:30px 22px 26px;margin-bottom:28px}
 .engineering-page .eng-approach-grid{gap:12px;margin-top:22px}
 .engineering-page .eng-approach-card{min-height:154px;padding:13px}
 .engineering-page .eng-approach-card p{font-size:13px;margin-top:9px}
 .engineering-page .eng-approach-card h3{font-size:17px}
}
@media(max-width:420px){
 /* Single-column phone cards must retain readable image and CTA sizes. */
 .engineering-page .eng-card-cover,
 .engineering-page .eng-card-cover.division-tile{height:172px}
 .engineering-page .eng-card-body{min-height:0;padding:13px 17px;gap:11px}
 .engineering-page .eng-card-body p{font-size:14px}
 .engineering-page .eng-photo-content strong{font-size:21px}
 .engineering-page .eng-card-action{font-size:13px;min-height:40px;padding-left:17px}
 .engineering-page .eng-arrow{height:40px;width:43px}
 .engineering-page .eng-approach-card{min-height:0;padding:14px}
}