/* TEKMILA v9: precisely scoped updates from the 2-page annotated bbbb.pdf. */
/* 01: brighter, cleaner factory visibility behind engineers on hero */
.hero-image{width:58.5%;background-image:url('../assets/images/hero-factory-clear-v9.webp');background-size:cover;background-position:center 47%;filter:brightness(1.03) contrast(1.055) saturate(1.035)}
.hero-vignette{background:linear-gradient(90deg,#082238 0%,#082238 28%,#082238 39%,rgba(8,34,56,.98) 46%,rgba(8,34,56,.78) 53%,rgba(8,34,56,.20) 63%,transparent 71%)}
/* 02: consistent principle cards; tightened base line under feature strip */
.feature-card{min-height:148px;padding-top:16px;padding-bottom:15px;align-items:flex-start}
.feature-card>div{gap:7px}
.feature-card p{line-height:1.4}
.credentials-strip{padding-top:22px;padding-bottom:20px}
/* 03: remove the struck-through Divisions summary and blank lower tile region. */
.divisions-explainer{display:none!important}
.divisions-header{align-items:center}
.explore-all{margin-left:auto}
.division-tile{height:187px;background-size:100% auto;background-position:top center}
.division-list{margin-top:22px}
/* 04: both secondary buttons now identical simple white/navy outline with NO pale-lime fill. */
.why-link,.faq-all{
  display:inline-flex;align-items:center;justify-content:space-between;gap:16px;
  width:auto;min-width:0;min-height:42px;height:42px;
  padding:0 16px!important;background:#fff!important;
  border:1px solid #344e62!important;color:#10273a!important;
  border-radius:7px!important;box-shadow:none!important;
  font-size:13px!important;font-weight:750;line-height:1.1;
}
.why-link:hover,.faq-all:hover{background:#fff!important;border-color:#071c2d!important;color:#071c2d!important;box-shadow:0 4px 11px rgba(10,35,55,.08)!important}
.why-link:focus-visible,.faq-all:focus-visible{outline:3px solid #99d900;outline-offset:3px}
.why-link svg,.faq-all svg{width:17px;height:17px;flex:0 0 17px}
/* 05: full-resolution career visual, matched to the approved section layout. */
.careers-engineer-photo{background-image:url('../assets/images/career-engineers-v9.webp');background-size:cover;background-position:center 30%;left:calc(50% - 294px);width:650px;filter:brightness(1.02) contrast(1.03)}
/* 06: consistent circular arrows, not intruding on project headings. */
.project-copy{position:relative;padding-right:48px}
.project-round-link{top:auto;bottom:17px;right:14px;width:35px;height:35px;background:#e9f7ca;box-shadow:none}
.project-round-link svg{width:19px;height:19px}
/* 07: CTA: photograph remains on the right, while every label and button sits on a clean contrast surface. */
.next-cta{min-height:153px;gap:28px;padding:26px clamp(24px,3.4vw,52px);background:#06253c;border:none;box-shadow:0 9px 24px rgba(16,41,61,.14)}
.next-cta::before{width:43%;background-image:linear-gradient(90deg,#06253c 0%,rgba(6,37,60,.88) 18%,rgba(6,37,60,.48) 55%,rgba(6,37,60,.24) 100%),url('../assets/images/cta-refinery-clear-v9.webp');background-size:cover;background-position:center center;opacity:.85}
.next-cta::after{width:55px;right:-45px;opacity:.93}
.cta-chat-icon{display:none!important}
.cta-copy{border-left:0;padding-left:0;max-width:675px;flex:1 1 auto}
.cta-copy h2{font-size:clamp(28px,2.75vw,40px);margin:0 0 9px}
.cta-copy p{font-size:14px;line-height:1.48;max-width:575px}
.cta-button{position:relative;z-index:3;flex:0 0 auto;min-width:195px;height:49px;padding:0 20px;background:#b8f500;color:#061b2a;border:1px solid #d6ff4b;box-shadow:0 0 0 7px rgba(4,28,45,.52),0 7px 20px rgba(1,16,27,.22);font-weight:780}
.cta-button:hover{background:#c8ff27}
/* 08: clean four-column footer with small location map panel in the contact column. */
.site-footer{background:#fff!important}
.footer-map{display:flex;flex-direction:column;gap:6px;max-width:275px;margin:4px 0 0 0}
.footer-map iframe{width:100%;height:116px;border:1px solid #d8e2ea;border-radius:8px;display:block;background:#eaf0f5}
.footer-map a{font-size:11px;color:#2b5d7d;text-decoration:underline;text-underline-offset:3px;font-weight:700}
.footer-inner{padding-bottom:32px}
.footer-inner>div{min-width:0}
/* Screen-size careful composition. */
@media(max-width:1350px){
  .feature-card{min-height:150px}
  .careers-engineer-photo{left:calc(50% - 285px);width:615px}
  .cta-copy{max-width:570px}
}
@media(max-width:1150px){
  .hero-image{width:67%}
  .division-tile{height:220px;background-size:cover}
  .division-tile:after{inset:60px 0 0}
  .division-tile .tile-text{display:block}
  .careers-engineer-photo{background-position:53% center}
  .footer-map{max-width:100%}
}
@media(max-width:850px){
  .hero-image{width:82%;opacity:.85}
  .hero-vignette{background:linear-gradient(90deg,#082238 0%,#082238ee 44%,#08223885 74%,#08223815 100%)}
  .feature-card{min-height:132px}
  .careers-engineer-photo{left:calc(50% - 290px);width:600px}
  .cta-copy h2{font-size:28px}
  .cta-button{min-width:160px;padding:0 12px;box-shadow:0 0 0 5px rgba(4,28,45,.55)}
}
@media(max-width:600px){
  .hero-image{width:100%;opacity:.76;background-size:auto 100%;background-position:61% center}
  .hero-vignette{background:linear-gradient(90deg,rgba(6,33,53,.98) 0%,rgba(6,33,53,.89) 57%,rgba(6,33,53,.55) 100%)}
  .feature-card{min-height:108px;padding:15px 17px;gap:15px}
  .credentials-strip{padding-top:23px}
  .division-tile{height:207px;background-size:cover;background-position:top center}
  .division-tile:after{inset:50px 0 0}
  .why-link,.faq-all{height:42px;min-height:42px;padding:0 14px!important;font-size:12.5px!important}
  .careers-engineer-photo{width:100%;left:15%;background-position:center 28%;filter:brightness(.9);opacity:.88}
  .next-cta{display:grid;grid-template-columns:1fr;min-height:218px;padding:23px 22px;gap:18px}
  .next-cta::before{width:100%;opacity:.5;background-image:linear-gradient(90deg,#06253cf2,#06253cca),url('../assets/images/cta-refinery-clear-v9.webp')}
  .cta-copy{grid-column:1;grid-row:1;padding-left:0}
  .cta-copy h2{font-size:clamp(24px,6vw,29px);white-space:normal}
  .cta-copy p{max-width:330px;font-size:12.8px}
  .cta-button{grid-column:1;grid-row:2;justify-self:start;min-width:170px;margin:0;box-shadow:0 0 0 4px rgba(4,28,45,.56)}
  .footer-map iframe{height:136px}
}
@media(max-width:380px){
  .feature-card{gap:12px}
  .cta-button{min-width:160px}
}

/* Sharp local CTA imagery and a usable offline map preview. */
.next-cta::before{opacity:.98;background-image:linear-gradient(90deg,#06253c 0%,rgba(6,37,60,.75) 19%,rgba(6,37,60,.12) 62%,rgba(6,37,60,.12) 100%),url('../assets/images/cta-refinery-clear-v9.webp');background-position:center center}
.footer-map-card{display:flex;flex-direction:column;text-decoration:none;gap:5px;color:#285c76}
.footer-map-card img{display:block;width:100%;height:116px;object-fit:cover;border:1px solid #d9e3eb;border-radius:8px}
.footer-map-card span{font-size:11px;text-decoration:underline;text-underline-offset:3px;font-weight:700}
.footer-map-card:hover span{color:#4a8b08}
@media(max-width:600px){.next-cta::before{background-image:linear-gradient(90deg,#06253cef,#06253cc7),url('../assets/images/cta-refinery-clear-v9.webp')}.footer-map-card img{height:135px}}

/* Homepage hero principles — remove only unused space below card text.
   Scoped to the four cards directly beneath the Homepage hero. */
@media (min-width: 851px) {
  body > main > .feature-grid > .feature-card {
    min-height: 124px;
  }
}
@media (min-width: 601px) and (max-width: 850px) {
  body > main > .feature-grid > .feature-card {
    min-height: 118px;
  }
}