.engineering-page{font-family:var(--global-font)!important;}   /* KG_UPD_08092026 Added */
.engineering-page .eng-hero{position:relative;overflow:hidden;color:#fff;background:radial-gradient(circle at 15% 18%,rgba(31,169,234,.23),transparent 28%),linear-gradient(135deg,#061522 0%,#0a2844 58%,#0c426e 100%)}
.engineering-page .eng-hero-grid{min-height:620px;padding:78px 0;display:grid;grid-template-columns:1.04fr .96fr;gap:54px;align-items:center}
.engineering-page .eng-eyebrow{display:flex;align-items:center;gap:10px;color:#99ddfa;text-transform:uppercase;letter-spacing:.17em;font-size:11px;font-weight:850}
.engineering-page .eng-eyebrow:before{content:"";width:34px;height:2px;background:#1fa9ea}
.engineering-page .eng-hero h1{font-size:clamp(48px,6vw,78px);line-height:.96;letter-spacing:-.05em;margin:18px 0 22px;color:#fff}
.engineering-page .eng-hero-copy{color:#d0e0ec;font-size:18px;max-width:700px}
.engineering-page .eng-actions{display:flex;gap:12px;flex-wrap:wrap;margin-top:30px}
.engineering-page .eng-panel{background:rgba(255,255,255,.06);border:1px solid rgba(255,255,255,.12);border-radius:28px;padding:28px}
.engineering-page .eng-brand{display:flex;align-items:center;gap:14px;padding-bottom:20px;border-bottom:1px solid rgba(255,255,255,.12)}
.engineering-page .eng-brand img{width:76px;height:76px;object-fit:contain}
.engineering-page .eng-brand strong{display:block;font-size:16px;letter-spacing:.11em}
.engineering-page .eng-brand small{display:block;color:#9fc5dc;font-size:10px;letter-spacing:.13em;margin-top:3px}
.engineering-page .eng-pillars{display:grid;grid-template-columns:repeat(2,1fr);gap:12px;margin-top:20px}
.engineering-page .eng-pillar{padding:16px;border:1px solid rgba(255,255,255,.10);background:rgba(255,255,255,.04);border-radius:15px}
.engineering-page .eng-pillar b{display:block;color:#8fd9f7;font-size:10px;text-transform:uppercase;letter-spacing:.1em}
.engineering-page .eng-pillar strong{display:block;font-size:14px;margin-top:4px}

.engineering-page .eng-section{padding:62px 0}
.engineering-page .eng-section-dark{background:linear-gradient(135deg,#061522,#0a2f4e);color:#fff}
.engineering-page .eng-section-head{display:flex;justify-content:space-between;align-items:end;gap:30px;margin-bottom:30px}
.engineering-page .eng-kicker{color:#175fa5;font-size:20px;font-weight:850;text-transform:uppercase;letter-spacing:-.025e}
.engineering-page .eng-section-dark .eng-kicker{color:#8bd9f9}
.engineering-page .eng-section-head h2{font-size:clamp(14px,4.2vw,24px);line-height:1.04;color:#21bcff;letter-spacing:-.04em;margin:6px 0 0}
.engineering-page .eng-section-head p{max-width:600px;color:#66798a;margin:0}
.engineering-page .eng-section-dark .eng-section-head p{color:#c8d8e4}
.engineering-page .eng-grid{display:grid;grid-template-columns:1fr 1fr;gap:38px;align-items:stretch}
.engineering-page .eng-visual{margin:0;border-radius:28px;overflow:hidden;border:1px solid #dbe7ef;box-shadow:0 22px 58px rgba(6,34,56,.13);background:#fff}
.engineering-page .eng-visual img{display:block;width:100%;height:100%;min-height:400px;object-fit:cover}
.engineering-page .eng-visual figcaption{padding:10px 14px;border-top:1px solid #dbe7ef;font-size:10px;color:#718596}
.engineering-page .eng-copy{display:flex;flex-direction:column;justify-content:center}
.engineering-page .eng-copy p{color:#66798a;margin:0 0 16px}
.engineering-page .eng-section-dark .eng-copy p{color:#c9d9e5}
.engineering-page .eng-card{border:1px solid #dbe7ef;border-radius:20px;background:#eaf6fc;padding:22px;margin-top:14px}
.engineering-page .eng-card h3{font-size:25px;line-height:1.08;color:#279FF5;letter-spacing:-.03em;margin:7px 0 12px}      /* KG_UPD_08092026 color:#279FF5 ; added */
.engineering-page .eng-card p{margin:0}
.engineering-page .eng-chips{display:flex;flex-wrap:wrap;gap:8px;margin-top:15px}
.engineering-page .eng-chip{border:1px solid #dbe7ef;background:#fff;border-radius:999px;padding:8px 11px;font-size:17px;font-weight:550;color:#fff}
.engineering-page .eng-flow{display:grid;grid-template-columns:repeat(6,1fr);gap:9px;margin-top:28px}
.engineering-page .eng-flow-step{border:1px solid #dbe7ef;border-radius:16px;padding:15px;background:#142e60;min-height:80px;color:#fff}
.engineering-page .eng-flow-step span{display:block;color:#175fa5;font-size:9px;font-weight:900}
.engineering-page .eng-flow-step strong{display:block;font-size:15px;line-height:1.3;margin-top:7px}
.engineering-page .eng-green{border:1px solid #cfe6d7;background:linear-gradient(145deg,#f8fffb,#effaf3);border-radius:22px;padding:24px;margin-top:14px}
.engineering-page .eng-green .eng-kicker{color:#2f9e61}
.engineering-page .eng-green h3{font-size:25px;line-height:1.08;letter-spacing:-.03em;margin:7px 0 12px}
.engineering-page .eng-green p{color:#557265}
.engineering-page .eng-cta{display:grid;grid-template-columns:.92fr 1.08fr;gap:40px;align-items:center;border-radius:30px;padding:42px;background:linear-gradient(135deg,#071725,#0a3558);color:#fff}
.engineering-page .eng-cta h2{font-size:clamp(36px,4vw,50px);line-height:1.04;letter-spacing:-.04em;margin:0 0 14px;color:#fff}
.engineering-page .eng-form{background:#fff;color:#10263a;padding:24px;border-radius:22px}
.engineering-page .eng-form-grid{display:grid;grid-template-columns:1fr 1fr;gap:13px}
.engineering-page .eng-field{display:flex;flex-direction:column;gap:6px}
.engineering-page .eng-field.full{grid-column:1/-1}
.engineering-page .eng-field label{font-size:10px;font-weight:850;color:#576c7d}
.engineering-page .eng-field input,.engineering-page .eng-field select,.engineering-page .eng-field textarea{border:1px solid #dbe7ef;border-radius:11px;padding:11px 12px;width:100%;background:#fff}
.engineering-page .eng-field textarea{min-height:96px;resize:vertical}
@media(max-width:1000px){.engineering-page .eng-hero-grid,.engineering-page .eng-grid,.engineering-page .eng-cta{grid-template-columns:1fr}.engineering-page .eng-flow{grid-template-columns:repeat(3,1fr)}}
@media(max-width:700px){.engineering-page .eng-section{padding:50px 0}.engineering-page .eng-section-head{display:block}.engineering-page .eng-section-head p{margin-top:12px}.engineering-page .eng-pillars,.engineering-page .eng-form-grid{grid-template-columns:1fr}.engineering-page .eng-flow{grid-template-columns:1fr 1fr}}
@media(max-width:480px){.engineering-page .eng-flow{grid-template-columns:1fr}}

/* =========================================================
   ENGINEERING & TECHNICAL HERO — LOCAL IMAGE
   Image is loaded from the local assets folder; no web image
   or remote background is used.
   ========================================================= */
.engineering-page .eng-hero{
  min-height:620px;
}
.engineering-page .eng-hero-image{
  position:absolute;
  inset:0;
  width:100%;
  height:100%;
  object-fit:cover;
  object-position:center center;
  z-index:0;
  display:block;
}
.engineering-page .eng-hero-overlay{
  position:absolute;
  inset:0;
  z-index:1;
  background:
    linear-gradient(90deg,rgba(3,20,33,.94) 0%,rgba(5,26,43,.78) 38%,rgba(7,39,62,.34) 66%,rgba(9,50,82,.14) 100%),
    linear-gradient(180deg,rgba(3,17,28,.10),rgba(3,17,28,.30));
  pointer-events:none;
}
.engineering-page .eng-hero-grid{
  position:relative;
  z-index:2;
}
@media(max-width:700px){
  .engineering-page .eng-hero{
    min-height:760px;
  }
  .engineering-page .eng-hero-image{
    object-position:58% center;
  }
  .engineering-page .eng-hero-overlay{
    background:
      linear-gradient(90deg,rgba(3,20,33,.92) 0%,rgba(5,26,43,.72) 70%,rgba(7,39,62,.45) 100%),
      linear-gradient(180deg,rgba(3,17,28,.12),rgba(3,17,28,.36));
  }
}

/* FINAL HERO: local innovative picture with HTML-driven content/cards */
.engineering-page .eng-hero{
  position:relative!important;
  min-height:650px!important;
  overflow:hidden!important;
}
.engineering-page .eng-hero-image{
  position:absolute!important;
  inset:0!important;
  width:100%!important;
  height:100%!important;
  object-fit:cover!important;
  object-position:center center!important;
  display:block!important;
  z-index:0!important;
}
.engineering-page .eng-hero-overlay{
  position:absolute!important;
  inset:0!important;
  z-index:1!important;
  pointer-events:none!important;
  background:
    linear-gradient(90deg,rgba(3,18,32,.90) 0%,rgba(5,31,52,.64) 42%,rgba(7,50,77,.16) 74%,rgba(2,16,28,.18) 100%),
    linear-gradient(180deg,rgba(2,16,28,.04) 42%,rgba(2,16,28,.45) 100%)!important;
}
.engineering-page .eng-hero-grid{
  position:relative!important;
  z-index:2!important;
  min-height:650px!important;
  padding:70px 0 160px!important;
}
.engineering-page .eng-feature-strip{
  position:absolute!important;
  left:0!important;
  right:0!important;
  bottom:28px!important;
  z-index:5!important;
  display:grid!important;
  grid-template-columns:repeat(4,1fr)!important;
  gap:12px!important;
}
.engineering-page .eng-feature-card{
  min-height:108px!important;
  padding:16px 18px!important;
  display:grid!important;
  grid-template-columns:44px 1fr 20px!important;
  align-items:center!important;
  gap:12px!important;
  border:1px solid rgba(151,221,255,.45)!important;
  border-radius:18px!important;
  background:rgba(4,31,51,.74)!important;
  backdrop-filter:blur(7px)!important;
  -webkit-backdrop-filter:blur(7px)!important;
  color:#fff!important;
  box-shadow:0 15px 35px rgba(0,0,0,.18)!important;
}
.engineering-page .eng-feature-icon{
  width:42px!important;height:42px!important;border-radius:50%!important;
  display:grid!important;place-items:center!important;
  color:#73d7ff!important;border:1px solid rgba(115,215,255,.55)!important;
  font-size:20px!important;
}
.engineering-page .eng-feature-card b{
  display:block!important;font-size:13px!important;text-transform:uppercase!important;
  color:#fff!important;letter-spacing:.03em!important;
}
.engineering-page .eng-feature-card small{
  display:block!important;color:#d1e4ee!important;font-size:10px!important;
  line-height:1.45!important;margin-top:6px!important;
}
.engineering-page .eng-feature-card>strong{
  font-size:26px!important;color:#7bdbff!important;font-weight:400!important;
}
@media(max-width:1000px){
  .engineering-page .eng-feature-strip{grid-template-columns:repeat(2,1fr)!important}
}
@media(max-width:700px){
  .engineering-page .eng-hero{min-height:900px!important}
  .engineering-page .eng-hero-grid{min-height:900px!important;padding-bottom:290px!important}
  .engineering-page .eng-feature-strip{grid-template-columns:1fr!important;bottom:22px!important}
}

/* FINAL ENGINEERING HERO LAYOUT
   New local image, left HTML content, no right-side square information panel,
   and four HTML feature cards anchored at the bottom of the picture. */
.engineering-page .eng-hero{
  position:relative!important;
  min-height:650px!important;
  overflow:hidden!important;
  background:#071b2d!important;
}

.engineering-page .eng-hero-overlay{
  position:absolute!important;
  inset:0!important;
  z-index:1!important;
  pointer-events:none!important;
  background:
    linear-gradient(90deg,rgba(3,20,35,.91) 0%,rgba(4,29,48,.70) 34%,rgba(7,45,68,.25) 62%,rgba(3,16,28,.10) 100%),
    linear-gradient(180deg,rgba(2,14,24,.04) 40%,rgba(2,15,26,.50) 100%)!important;
}
.engineering-page .eng-hero-grid{
  position:relative!important;
  z-index:2!important;
  display:block!important;
  min-height:650px!important;
  padding:72px 0 170px!important;
}
.engineering-page .eng-hero-grid > div:first-child{
  max-width:700px!important;
}
.engineering-page .eng-feature-strip{
  position:absolute!important;
  left:0!important;
  right:0!important;
  bottom:28px!important;
  z-index:5!important;
  display:grid!important;
  grid-template-columns:repeat(4,1fr)!important;
  gap:12px!important;
}
.engineering-page .eng-feature-card{
  min-height:106px!important;
  padding:15px 18px!important;
  display:grid!important;
  grid-template-columns:44px 1fr 20px!important;
  align-items:center!important;
  gap:11px!important;
  border:1px solid rgba(151,221,255,.48)!important;
  border-radius:18px!important;
  background:rgba(4,31,51,.74)!important;
  backdrop-filter:blur(6px)!important;
  -webkit-backdrop-filter:blur(6px)!important;
  box-shadow:0 14px 34px rgba(0,0,0,.18)!important;
}
.engineering-page .eng-feature-card:hover{
  background:rgba(5,48,76,.86)!important;
  transform:translateY(-3px);
}
.engineering-page .eng-feature-card b{
  color:#fff!important;
  font-size:13px!important;
  display:block!important;
  text-transform:uppercase!important;
}
.engineering-page .eng-feature-card small{
  color:#d3e5ee!important;
  font-size:10px!important;
  line-height:1.4!important;
  margin-top:5px!important;
}
.engineering-page .eng-feature-icon{
  width:42px!important;height:42px!important;border-radius:50%!important;
  display:grid!important;place-items:center!important;
  color:#74d9ff!important;
  border:1px solid rgba(116,217,255,.55)!important;
}
.engineering-page .eng-feature-card>strong{
  font-size:26px!important;
  color:#7bdbff!important;
  font-weight:400!important;
}
@media(max-width:1000px){
  .engineering-page .eng-feature-strip{grid-template-columns:repeat(2,1fr)!important}
}
@media(max-width:700px){
  .engineering-page .eng-hero{min-height:920px!important}
  .engineering-page .eng-hero-grid{min-height:920px!important;padding:56px 0 300px!important}
  .engineering-page .eng-feature-strip{
    grid-template-columns:1fr!important;
    bottom:20px!important;
  }
}

/* =========================================================
   TAILORED SHIPBUILDING SPECIFICATIONS
   Left = relevant local image; right = HTML content.
   ========================================================= */
.engineering-page .eng-spec-grid{
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:38px;
  align-items:stretch;
  margin-top:38px;
}
.engineering-page .eng-spec-visual{
  height:100%;
  min-height:460px;
}
.engineering-page .eng-spec-visual img{
  width:100%;
  height:100%;
  min-height:460px;
  object-fit:cover;
  object-position:center;
}
.engineering-page .eng-spec-content{
  margin-top:0!important;
  display:flex;
  flex-direction:column;
  justify-content:center;
}

/* Curved content boxes: transparent body, visible border only. */
.engineering-page .eng-card,
.engineering-page .eng-green{
  background:transparent!important;
  box-shadow:none!important;
}
.engineering-page .eng-card{
  border-color:#9fcde4!important;
}
.engineering-page .eng-green{
  border-color:#b9d8c5!important;
}

/* On dark backgrounds keep the curved content transparent while retaining
   a visible light border. */
.engineering-page .eng-section-dark .eng-card{
  border-color:rgba(139,217,249,.58)!important;
}
.engineering-page .eng-section-dark .eng-green{
  border-color:rgba(185,216,197,.62)!important;
}

@media(max-width:1000px){
  .engineering-page .eng-spec-grid{
    grid-template-columns:1fr;
  }
  .engineering-page .eng-spec-visual,
  .engineering-page .eng-spec-visual img{
    min-height:360px;
    height:auto;
  }
}

/* Shipbuilding Specifications — updated high-resolution local visual */
.engineering-page .eng-spec-visual{
  background:#fff!important;
  overflow:hidden!important;
}
.engineering-page .eng-spec-visual img{
  display:block!important;
  width:100%!important;
  height:100%!important;
  min-height:460px!important;
  object-fit:cover!important;
  object-position:center center!important;
  image-rendering:auto!important;
}
@media(max-width:1000px){
  .engineering-page .eng-spec-visual img{
    min-height:360px!important;
    height:auto!important;
  }
}

/* =========================================================
   ENGINEERING & TECHNICAL — FINAL DESIGN/HEADING ALIGNMENT
   ========================================================= */
.engineering-page .eng-hero h1{
  font-family:var(--global-font)!important;
  font-size:clamp(48px,6vw,78px)!important;
  line-height:.98!important;
  letter-spacing:-.045em!important;
}
.engineering-page .eng-hero-copy{
  font-family:var(--global-font)!important;
  font-size:18px!important;
  line-height:1.55!important;
}

/* Sales-page style: text only on the left, image aligned as the right block. */
.engineering-page .eng-design-grid{
  display:grid!important;
  grid-template-columns:1.02fr .98fr!important;
  gap:38px!important;
  align-items:stretch!important;
}
.engineering-page .eng-design-copy{
  display:flex!important;
  flex-direction:column!important;
  justify-content:center!important;
}
.engineering-page .eng-design-copy > h2{
  font-family:var(--global-font)!important;
  font-size:clamp(14px,4.1vw,22px)!important;
  color:#279FF5!important;   /* KG_UPD_08092026 */
  line-height:1.04!important;
  letter-spacing:-.04em!important;
  margin:6px 0 18px!important;
}
.engineering-page .eng-design-copy > p{
  font-family:var(--global-font)!important;
  font-size:15px!important;
  line-height:1.6!important;
}
.engineering-page .eng-design-visual{
  height:100%!important;
  min-height:460px!important;
}
.engineering-page .eng-design-visual img{
  width:100%!important;
  height:100%!important;
  min-height:460px!important;
  object-fit:cover!important;
}

/* Right-side Tailored Shipbuilding heading: larger with tighter lettering. */
.engineering-page .eng-spec-content h3{
  font-family:var(--global-font)!important;
  font-size:clamp(30px,3.2vw,42px)!important;
  line-height:1.06!important;
  letter-spacing:-.045em!important;
  margin:8px 0 14px!important;
}

/* Equal rectangular content boxes with a clearly visible border. */
.engineering-page .eng-card{
  border:1px solid #9fcde4!important;
  background:transparent!important;
  box-shadow:none!important;
}
.engineering-page .eng-design-card,
.engineering-page .eng-spec-content{
  min-height:280px!important;
}
.engineering-page .eng-chips{
  display:grid!important;
  grid-template-columns:repeat(2,minmax(0,1fr))!important;
  gap:10px!important;
}
.engineering-page .eng-chip{
  min-height:42px!important;
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  text-align:center!important;
  border:1px solid #a6cfe3!important;
  border-radius:8px!important;
  background:transparent!important;
  padding:8px 12px!important;
  box-sizing:border-box!important;
}
@media(max-width:1000px){
  .engineering-page .eng-design-grid{grid-template-columns:1fr!important}
  .engineering-page .eng-design-visual,
  .engineering-page .eng-design-visual img{
    min-height:360px!important;
    height:auto!important;
  }
}
@media(max-width:600px){
  .engineering-page .eng-chips{grid-template-columns:1fr!important}
}

/* =========================================================
   ENGINEERING & TECHNICAL — DEFINITIVE FINAL OVERRIDES
   ========================================================= */

/* Submenu is a direct child of the valid sticky site header. */
.engineering-page .site-header{
  position:fixed!important;
  top:0!important;
  left:0!important;
  right:0!important;
  width:100%!important;
  z-index:10000!important;
}
.engineering-page .secondary-row{
  position:fixed!important;
  top:122px!important;
  left:0!important;
  right:0!important;
  width:100%!important;
  z-index:10001!important;
  display:none!important;
  height:0!important;
  min-height:0!important;
  overflow:hidden!important;
}
.engineering-page .secondary-row.show{
  display:block!important;
  height:50px!important;
  min-height:50px!important;
  overflow:visible!important;
  visibility:visible!important;
  opacity:1!important;
}
.engineering-page .secondary-row .secondary-row-inner{
  height:50px!important;
  min-height:50px!important;
  display:block!important;
  overflow:visible!important;
}
.engineering-page .secondary-row .normal-sub-row{
  height:50px!important;
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  flex-wrap:nowrap!important;
  overflow:visible!important;
}
.engineering-page .secondary-row .normal-sub-row a{
  height:50px!important;
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  padding:0 20px!important;
  white-space:nowrap!important;
  font-family:var(--global-font)!important;
  font-size:12px!important;
}

/* Preserve page spacing below fixed navigation. */
.engineering-page{
  padding-top:172px!important;
}

/* Hero: four HTML cards are fully visible inside the picture. */
.engineering-page .eng-hero{
  min-height:680px!important;
}
.engineering-page .eng-hero-grid{
  min-height:680px!important;
  padding:62px 0 155px!important;
}
.engineering-page .eng-feature-strip{
  left:0!important;
  right:0!important;
  bottom:24px!important;
  width:100%!important;
  box-sizing:border-box!important;
}
.engineering-page .eng-feature-card{
  min-height:112px!important;
  height:112px!important;
  overflow:visible!important;
}

/* Design Focus and Tailored Shipbuilding Specifications curved boxes. */
.engineering-page .eng-design-card,
.engineering-page .eng-spec-content{
  background:#BEF8F1!important;
  border:1px solid #79d9cf!important;
  color:#0d3150!important;
}
.engineering-page .eng-design-card .eng-kicker,
.engineering-page .eng-spec-content .eng-kicker{
  color:#0B4BD9!important;
}

/* Six and eight content rectangles: blue background + white foreground. */
.engineering-page .eng-design-card .eng-chip,
.engineering-page .eng-spec-content .eng-chip{
  background:#04095c!important;
  border:1px solid #04095c!important;
  color:#fff!important;
  font-weight:700!important;
}
.engineering-page .eng-design-card .eng-chip::before,
.engineering-page .eng-spec-content .eng-chip::before{
  color:#fff!important;
}

/* Up/Down controls exactly in the approved page position/style. */
.engineering-page .sb-scroll-controls{
  position:fixed!important;
  right:18px!important;
  bottom:24px!important;
  z-index:100000!important;
  display:flex!important;
  flex-direction:column!important;
  gap:8px!important;
  visibility:visible!important;
  opacity:1!important;
}
.engineering-page .sb-scroll-btn{
  width:44px!important;
  height:44px!important;
  display:none!important;
  align-items:center!important;
  justify-content:center!important;
  border:0!important;
  border-radius:12px!important;
}
.engineering-page .sb-scroll-btn.sb-visible{
  display:flex!important;
}
.engineering-page .sb-scroll-btn svg{
  width:20px!important;
  height:20px!important;
}

/* Prevent old top-of-page rules from hiding the active submenu. */
.engineering-page.hide-secondary-at-top .secondary-row,
body.engineering-page.hide-secondary-at-top .secondary-row{
  display:block!important;
  height:50px!important;
  min-height:50px!important;
  visibility:visible!important;
  opacity:1!important;
}

@media(max-width:900px){
  .engineering-page{
    padding-top:161px!important;
  }
  .engineering-page .secondary-row{
    top:111px!important;
  }
  .engineering-page .secondary-row.show{
    height:50px!important;
    min-height:50px!important;
  }
  .engineering-page .eng-hero{
    min-height:980px!important;
  }
  .engineering-page .eng-hero-grid{
    min-height:980px!important;
    padding-bottom:300px!important;
  }
  .engineering-page .eng-feature-strip{
    grid-template-columns:repeat(2,1fr)!important;
    bottom:22px!important;
  }
}
@media(max-width:600px){
  .engineering-page{
    padding-top:161px!important;
  }
  .engineering-page .eng-feature-strip{
    grid-template-columns:1fr!important;
  }
  .engineering-page .eng-feature-card{
    height:100px!important;
    min-height:100px!important;
  }
}

/* =========================================================
   ENGINEERING TECHNICAL — FINAL USER UPDATE
   ========================================================= */

/* Keep the approved Engineering hero artwork exactly as supplied. */
/*
.engineering-page .eng-hero-image{
  content:url('../img/engineering-technical-hero-final.png') !important;
}
*/

/* Tailored Shipbuilding Specifications: 8 cards in 2 rows (4 + 4). */
.engineering-page .eng-spec-content .eng-chips{
  grid-template-columns:repeat(4,minmax(0,1fr)) !important;
  gap:10px !important;
}
.engineering-page .eng-spec-content .eng-chip{
  min-height:46px !important;
  height:46px !important;
  padding:8px 9px !important;
}

/* Give the left specification image greater vertical presence. */
.engineering-page .eng-spec-visual,
.engineering-page .eng-spec-visual img{
  min-height:650px !important;
  height:100% !important;
}
.engineering-page .eng-spec-grid{
  align-items:stretch !important;
}

/* Footer layout/appearance exactly follows the supplied reference:
   brand + Products in column 1, then About / Sales / Project / Engineering. */
.engineering-page .sb-footer{
  background:#062b41 !important;
  background-image:none !important;
  color:#d8e7f0 !important;
}
.engineering-page .sb-footer-main{
  grid-template-columns:1.45fr repeat(4,1fr) !important;
  grid-auto-flow:row !important;
  align-items:start !important;
}
.engineering-page .sb-footer-brand{
  grid-column:1 !important;
  grid-row:1 !important;
}
.engineering-page .sb-footer-main > .sb-footer-col:last-child{
  grid-column:1 !important;
  grid-row:2 !important;
  margin-top:8px !important;
}

/* Larger Contact Us header entry. */
.engineering-page .site-header .contact-link{
  min-width:128px !important;
  height:48px !important;
  font-size:13px !important;
  padding:0 18px !important;
  border-radius:12px !important;
}

/* Larger contact/enquiry entry fields on Engineering page. */
.engineering-page .eng-field input,
.engineering-page .eng-field select,
.engineering-page .eng-field textarea{
  font-size:14px !important;
  padding:13px 14px !important;
}

@media(max-width:1000px){
  .engineering-page .eng-spec-content .eng-chips{
    grid-template-columns:repeat(2,minmax(0,1fr)) !important;
  }
  .engineering-page .eng-spec-visual,
  .engineering-page .eng-spec-visual img{
    min-height:520px !important;
    height:auto !important;
  }
}
@media(max-width:600px){
  .engineering-page .eng-spec-content .eng-chips{
    grid-template-columns:1fr !important;
  }
}

/* =========================================================
   FINAL USER UPDATE — ENGINEERING PAGE
   Keep the approved local hero artwork unchanged.
   ========================================================= */
/*
.engineering-page .eng-hero-image{
  content:none !important;
  object-fit:cover !important;
  object-position:center center !important;
}
*/

/* Tailored Shipbuilding Specifications: exactly 4 + 4 cards. */
.engineering-page #specs .eng-spec-content .eng-chips{
  display:grid !important;
  grid-template-columns:repeat(4,minmax(0,1fr)) !important;
  grid-auto-rows:46px !important;
  gap:10px !important;
  margin-top:18px !important;
}
.engineering-page #specs .eng-spec-content .eng-chip{
  width:100% !important;
  height:46px !important;
  min-height:46px !important;
  border-radius:8px !important;
  display:flex !important;
  align-items:center !important;
  justify-content:center !important;
  text-align:center !important;
  padding:8px 10px !important;
  background:#04095c !important;
  border:1px solid #04095c !important;
  color:#fff !important;
}

/* Make the left specification image taller while preserving its full box. */
.engineering-page #specs .eng-spec-visual{
  min-height:690px !important;
  height:690px !important;
  align-self:stretch !important;
}
.engineering-page #specs .eng-spec-visual img{
  width:100% !important;
  height:100% !important;
  min-height:690px !important;
  object-fit:cover !important;
  object-position:center center !important;
}

/* Engineering enquiry fields: larger, easier-to-read entry areas. */
.engineering-page .eng-form{
  padding:28px !important;
}
.engineering-page .eng-field input,
.engineering-page .eng-field select{
  min-height:50px !important;
  height:50px !important;
  padding:13px 15px !important;
  font-size:14px !important;
}
.engineering-page .eng-field textarea{
  min-height:135px !important;
  padding:14px 15px !important;
  font-size:14px !important;
}
.engineering-page .eng-field label{
  font-size:11px !important;
}

/* Footer: dark-blue five-column layout with Products below the brand,
   matching the supplied reference image. */
.engineering-page .sb-footer{
  background:#082c43 !important;
  background-image:none !important;
}
.engineering-page .sb-footer-main{
  width:min(1200px,calc(100% - 40px)) !important;
  padding:58px 0 38px !important;
  display:grid !important;
  grid-template-columns:1.35fr repeat(4,minmax(0,1fr)) !important;
  grid-template-rows:auto auto !important;
  column-gap:42px !important;
  row-gap:34px !important;
  align-items:start !important;
}
.engineering-page .sb-footer-brand{
  grid-column:1 !important;
  grid-row:1 !important;
  max-width:300px !important;
}
.engineering-page .sb-footer-main > .sb-footer-col:nth-of-type(2){
  grid-column:2 !important;
  grid-row:1 !important;
}
.engineering-page .sb-footer-main > .sb-footer-col:nth-of-type(3){
  grid-column:3 !important;
  grid-row:1 !important;
}
.engineering-page .sb-footer-main > .sb-footer-col:nth-of-type(4){
  grid-column:4 !important;
  grid-row:1 !important;
}
.engineering-page .sb-footer-main > .sb-footer-col:nth-of-type(5){
  grid-column:5 !important;
  grid-row:1 !important;
}
.engineering-page .sb-footer-main > .sb-footer-col:last-child{
  grid-column:1 !important;
  grid-row:2 !important;
  margin-top:0 !important;
}
.engineering-page .sb-footer-logo{
  width:225px !important;
  max-width:100% !important;
  padding:8px 12px !important;
  margin:0 0 17px !important;
  background:#fff !important;
  border-radius:8px !important;
}
.engineering-page .sb-footer-title{
  font-size:14px !important;
  letter-spacing:.08em !important;
}
.engineering-page .sb-footer-text{
  font-size:10px !important;
  line-height:1.8 !important;
}
.engineering-page .sb-footer-col h3{
  font-size:11px !important;
  margin-bottom:15px !important;
}
.engineering-page .sb-footer-links a{
  font-size:10px !important;
  padding:5px 0 !important;
}

@media(max-width:1000px){
  .engineering-page #specs .eng-spec-content .eng-chips{
    grid-template-columns:repeat(2,minmax(0,1fr)) !important;
  }
  .engineering-page #specs .eng-spec-visual,
  .engineering-page #specs .eng-spec-visual img{
    height:560px !important;
    min-height:560px !important;
  }
  .engineering-page .sb-footer-main{
    grid-template-columns:repeat(2,minmax(0,1fr)) !important;
    grid-template-rows:auto !important;
  }
  .engineering-page .sb-footer-brand{
    grid-column:1/-1 !important;
    grid-row:auto !important;
  }
  .engineering-page .sb-footer-main > .sb-footer-col{
    grid-column:auto !important;
    grid-row:auto !important;
  }
}
@media(max-width:600px){
  .engineering-page #specs .eng-spec-content .eng-chips{
    grid-template-columns:1fr !important;
  }
  .engineering-page #specs .eng-spec-visual,
  .engineering-page #specs .eng-spec-visual img{
    height:440px !important;
    min-height:440px !important;
  }
  .engineering-page .sb-footer-main{
    grid-template-columns:1fr !important;
  }
}


/* =========================================================
   FINAL USER UPDATE — 09-09-2026
   Engineering & Technical landing + Tailored Specifications
   ========================================================= */

/* Landing page: use the full available viewport below the fixed navigation. */
.engineering-page .eng-hero{
  min-height:calc(100vh - 172px)!important;
  height:calc(100vh - 172px)!important;
  overflow:hidden!important;
}
.engineering-page .eng-hero-grid{
  min-height:100%!important;
  height:100%!important;
  box-sizing:border-box!important;
}

/* Scroll arrows: approved blue button treatment. */
.engineering-page .sb-scroll-btn{
  background:#1d8fd3!important;
  color:#fff!important;
  border:0!important;
  box-shadow:0 8px 20px rgba(7,38,62,.24)!important;
}
.engineering-page .sb-scroll-btn:hover{
  background:#0B4BD9!important;
}

/* Tailored Shipbuilding Specifications — compact the right panel so the
   complete client composition remains visible in the left image. */
.engineering-page .eng-spec-grid{
  gap:24px!important;
  align-items:stretch!important;
}
.engineering-page .eng-spec-content{
  min-height:0!important;
  height:auto!important;
  padding:22px!important;
  justify-content:flex-start!important;
}
.engineering-page .eng-spec-content h3{
  font-size:clamp(28px,2.75vw,36px)!important;
  line-height:1.04!important;
  letter-spacing:-.035em!important;
  margin:5px 0 9px!important;
}
.engineering-page .eng-spec-content p{
  margin:0 0 7px!important;
  line-height:1.42!important;
}
.engineering-page .eng-spec-content .eng-chips{
  margin-top:6px!important;
  gap:8px!important;
}
.engineering-page .eng-spec-content .eng-chip{
  min-height:40px!important;
  height:40px!important;
  padding:6px 8px!important;
}
.engineering-page .eng-spec-visual,
.engineering-page .eng-spec-visual img{
  min-height:0!important;
  height:100%!important;
}
.engineering-page .eng-spec-visual{
  height:auto!important;
  min-height:0!important;
  overflow:hidden!important;
}
.engineering-page .eng-spec-visual img{
  object-fit:cover!important;
  object-position:center center!important;
  display:block!important;
}

@media(max-width:1000px){
  .engineering-page .eng-hero{
    min-height:680px!important;
    height:680px!important;
  }
  .engineering-page .eng-hero-grid{
    min-height:680px!important;
    height:680px!important;
  }
  .engineering-page .eng-spec-grid{
    gap:20px!important;
  }
  .engineering-page .eng-spec-visual{
    min-height:500px!important;
  }
  .engineering-page .eng-spec-visual img{
    min-height:500px!important;
  }
}

@media(max-width:700px){
  .engineering-page .eng-hero{
    min-height:900px!important;
    height:900px!important;
  }
  .engineering-page .eng-hero-grid{
    min-height:900px!important;
    height:900px!important;
  }
  .engineering-page .eng-spec-content{
    padding:18px!important;
  }
  .engineering-page .eng-spec-content .eng-chips{
    grid-template-columns:repeat(2,minmax(0,1fr))!important;
  }
}


/* =========================================================
   FINAL USER UPDATE — USE APPROVED SBIWeb-Upload(10) HERO
   AND CLIENT COMPOSITION FOR TAILORED SPECIFICATIONS
   ========================================================= */

/* Restore the approved landing-picture proportions from SBIWeb-Upload(10).zip.
   The local hero artwork remains the supplied engineering-technical-hero-final.png. */
.engineering-page .eng-hero{
  min-height:620px!important;
  height:620px!important;
  overflow:hidden!important;
}
.engineering-page .eng-hero-grid{
  min-height:620px!important;
  height:620px!important;
  padding:70px 0 170px!important;
  box-sizing:border-box!important;
}
/*
.engineering-page .eng-hero-image{
  width:100%!important;
  height:100%!important;
  object-fit:cover!important;
  object-position:center center!important;
}
*/

/* Tailored Shipbuilding Specifications: remove unnecessary bottom space.
   The panel height is determined by its actual content and the image follows it. */
.engineering-page #specs.eng-spec-grid{
  align-items:stretch!important;
  gap:24px!important;
}
.engineering-page #specs .eng-spec-content{
  height:auto!important;
  min-height:0!important;
  padding:20px 22px 18px!important;
  margin-bottom:0!important;
  box-sizing:border-box!important;
}
.engineering-page #specs .eng-spec-content .eng-kicker{
  margin:0 0 4px!important;
}
.engineering-page #specs .eng-spec-content h3{
  font-size:clamp(13px,2.55vw,22px)!important;
  line-height:1.03!important;
  margin:3px 0 8px!important;
}
.engineering-page #specs .eng-spec-content p{
  margin:0 0 6px!important;
  line-height:1.38!important;
}
.engineering-page #specs .eng-spec-content .eng-chips{
  margin-top:5px!important;
  gap:8px!important;
}
.engineering-page #specs .eng-spec-content .eng-chip{
  height:40px!important;
  min-height:40px!important;
  padding:6px 8px!important;
}

/* Use the approved three-person client composition.  The client on the
   right side of the source image is intentionally kept visible. */
.engineering-page #specs .eng-spec-visual{
  height:auto!important;
  min-height:0!important;
  align-self:stretch!important;
  overflow:hidden!important;
  margin:0!important;
}
.engineering-page #specs .eng-spec-visual img{
  display:block!important;
  width:100%!important;
  height:100%!important;
  min-height:0!important;
  object-fit:cover!important;
  object-position:center center!important;
}

@media(max-width:1000px){
  .engineering-page .eng-hero{
    min-height:680px!important;
    height:680px!important;
  }
  .engineering-page .eng-hero-grid{
    min-height:680px!important;
    height:680px!important;
  }
  .engineering-page #specs .eng-spec-visual,
  .engineering-page #specs .eng-spec-visual img{
    min-height:0!important;
    height:100%!important;
  }
}
@media(max-width:700px){
  .engineering-page .eng-hero{
    min-height:900px!important;
    height:900px!important;
  }
  .engineering-page .eng-hero-grid{
    min-height:900px!important;
    height:900px!important;
  }
  .engineering-page #specs .eng-spec-content{
    padding:18px!important;
  }
  .engineering-page #specs .eng-spec-content .eng-chips{
    grid-template-columns:repeat(2,minmax(0,1fr))!important;
  }
}


/* Tailored Shipbuilding Specifications: show the supplied client scene without
   losing the client at the right side of the composition. */
.engineering-page .eng-spec-visual{
  overflow:hidden!important;
}
.engineering-page .eng-spec-visual img{
  width:100%!important;
  height:100%!important;
  object-fit:cover!important;
  object-position:68% center!important;
}


/* FINAL FIX: Up-arrow top state must show ONLY the main header.
   No submenu row, background shade, reserved height, or shadow is visible. */
.engineering-page.hide-secondary-at-top .secondary-row,
.engineering-page.hide-secondary-at-top .secondary-row-inner,
.engineering-page.hide-secondary-at-top .normal-sub-row,
.engineering-page.hide-secondary-at-top .product-sub-row {
  display:none !important;
  visibility:hidden !important;
  opacity:0 !important;
  height:0 !important;
  min-height:0 !important;
  max-height:0 !important;
  padding:0 !important;
  margin:0 !important;
  border:0 !important;
  box-shadow:none !important;
  background:transparent !important;
  overflow:hidden !important;
}
.engineering-page.hide-secondary-at-top {
  padding-top:var(--sb-fixed-header-height) !important;
}

/* ================================================================
   ENGINEERING LANDING PAGE — MATCH APPROVED REFERENCE
   Only the Engineering hero presentation is changed here.
   Navigation and all other page sections remain untouched.
   ================================================================ */

.engineering-page .eng-hero{
  position:relative !important;
  width:100% !important;
  height:calc(100vh - 174px) !important;
  min-height:720px !important;
  max-height:none !important;
  overflow:hidden !important;
}
/*
.engineering-page .eng-hero-image{
  position:absolute !important;
  inset:0 !important;
  width:100% !important;
  height:100% !important;
  object-fit:cover !important;
  object-position:center center !important;
  display:block !important;
}
*/
.engineering-page .eng-hero-grid{
  position:relative !important;
  z-index:2 !important;
  width:100% !important;
  height:100% !important;
  min-height:100% !important;
  box-sizing:border-box !important;
}

/* Keep the four HTML-driven cards visible near the bottom of the hero,
   with a deliberate gap after the introductory copy. */
.engineering-page .eng-feature-strip{
  position:absolute !important;
  left:0 !important;
  right:0 !important;
  bottom:28px !important;
  z-index:3 !important;
}

/* Desktop reference: image remains prominent and the complete composition
   is visible beneath the fixed header + submenu. */
@media(min-width:901px){
  .engineering-page .eng-hero-grid{
    padding-top:70px !important;
    padding-bottom:130px !important;
  }
}

@media(max-width:900px){
  .engineering-page .eng-hero{
    height:760px !important;
    min-height:760px !important;
  }
  .engineering-page .eng-hero-grid{
    height:100% !important;
    min-height:100% !important;
  }
}

@media(max-width:700px){
  .engineering-page .eng-hero{
    height:900px !important;
    min-height:900px !important;
  }
}

/* ================================================================
   ENGINEERING MENU SECOND CLICK — HARD CLOSED STATE
   The reference pages completely remove the submenu after the
   second click. The state is explicit so earlier CSS cannot
   resurrect an empty white strip.
   ================================================================ */
html body.engineering-page .secondary-row.nav-closed,
html body.engineering-page .secondary-row.nav-closed .secondary-row-inner,
html body.engineering-page .secondary-row.nav-closed .normal-sub-row,
html body.engineering-page .secondary-row.nav-closed .product-sub-row{
  display:none !important;
  visibility:hidden !important;
  opacity:0 !important;
  width:0 !important;
  height:0 !important;
  min-height:0 !important;
  max-height:0 !important;
  margin:0 !important;
  padding:0 !important;
  border:0 !important;
  box-shadow:none !important;
  background:transparent !important;
  overflow:hidden !important;
}

html body.engineering-page.nav-closed{
  padding-top:122px !important;
}

/* ================================================================
   ENGINEERING HERO COPY — STANDARD LANDING PAGE INSET
   Both the heading and supporting write-up start from the same
   centered content inset as the other Seaborne landing pages.
   ================================================================ */
html body.engineering-page .eng-hero > .container.eng-hero-grid{
  width:min(1220px,calc(100% - 38px)) !important;
  max-width:1220px !important;
  margin-left:auto !important;
  margin-right:auto !important;
  box-sizing:border-box !important;
}

html body.engineering-page .eng-hero > .container.eng-hero-grid > div:first-child{
  width:100% !important;
  max-width:780px !important;
  margin-left:0 !important;
  padding-left:0 !important;
  padding-right:0 !important;
}

html body.engineering-page .eng-hero h1,
html body.engineering-page .eng-hero .eng-hero-copy,
html body.engineering-page .eng-hero .eng-actions{
  margin-left:0 !important;
}

@media(max-width:720px){
  html body.engineering-page .eng-hero > .container.eng-hero-grid{
    width:calc(100% - 28px) !important;
    max-width:none !important;
  }
  html body.engineering-page .eng-hero > .container.eng-hero-grid > div:first-child{
    max-width:none !important;
  }
}