#equipment-supply{--navy:#041b31;--navy2:#072943;--blue:#0c75b8;--orange:#ff5a1f;position:relative;overflow:hidden;background:#f6f8fa;color:#0a1a29;font-family:Inter,Arial,sans-serif;padding:0 0 56px}
#equipment-supply *{box-sizing:border-box}
:is(#equipment-supply,#equipment-page-hero) .equipment-source-page{position:relative;isolation:isolate}
:is(#equipment-supply,#equipment-page-hero) .equipment-blueprint{position:absolute;inset:0;width:100%;height:100%;z-index:-1;opacity:.18;fill:none;stroke:#8fb4d0;stroke-width:1.4}
:is(#equipment-supply,#equipment-page-hero) .equipment-hero{position:relative;min-height:510px;overflow:hidden;background:linear-gradient(112deg,#061b2d 0%,#07304e 53%,#0b6a9d 100%);color:#fff}
:is(#equipment-supply,#equipment-page-hero) .hero-backdrop{position:absolute;inset:0;background:linear-gradient(90deg,rgba(2,18,32,.98) 0%,rgba(3,28,47,.82) 44%,rgba(7,67,101,.48) 100%),url("assets/equipment-section/equipment-reference-exact.webp") center/cover no-repeat;opacity:.48}
:is(#equipment-supply,#equipment-page-hero) .hero-inner{position:relative;width:min(1440px,calc(100% - 64px));min-height:510px;margin:auto}
:is(#equipment-supply,#equipment-page-hero) .hero-copy{position:absolute;z-index:3;left:0;top:64px;width:570px}
:is(#equipment-supply,#equipment-page-hero) .hero-eyebrow{display:flex;align-items:center;gap:12px;margin:0 0 16px;color:var(--orange);font-size:15px;font-weight:800;letter-spacing:.17em;text-transform:uppercase}
:is(#equipment-supply,#equipment-page-hero) .hero-eyebrow span{width:34px;height:3px;background:var(--orange)}
:is(#equipment-supply,#equipment-page-hero) .hero-copy h2{margin:0;color:#fff;font-size:68px;line-height:.98;letter-spacing:-.045em;font-weight:900;text-transform:uppercase}
:is(#equipment-supply,#equipment-page-hero) .hero-copy>p:not(.hero-eyebrow){max-width:535px;margin:24px 0 0;color:#d6e1e9;font-size:20px;line-height:1.5}
:is(#equipment-supply,#equipment-page-hero) .hero-actions{display:flex;align-items:center;gap:24px;margin-top:28px}
:is(#equipment-supply,#equipment-page-hero) .hero-button,:is(#equipment-supply,#equipment-page-hero) .cycle-action{display:inline-flex;align-items:center;justify-content:space-between;gap:28px;min-height:56px;padding:0 23px;border-radius:6px;background:var(--orange);color:#fff;text-decoration:none;font-size:16px;font-weight:800}
:is(#equipment-supply,#equipment-page-hero) .hero-note{color:#b9cbd7;font-size:14px}
:is(#equipment-supply,#equipment-page-hero) .hero-tags{position:absolute;z-index:3;left:0;bottom:31px;display:flex;gap:10px}
:is(#equipment-supply,#equipment-page-hero) .hero-tags span{padding:9px 15px;border:1px solid rgba(255,255,255,.27);border-radius:4px;color:#dce8ef;font-size:13px;font-weight:700;text-transform:uppercase}
:is(#equipment-supply,#equipment-page-hero) .hero-machines{position:absolute;z-index:2;right:-20px;bottom:25px;width:770px;height:435px}
:is(#equipment-supply,#equipment-page-hero) .hero-machine{position:absolute;object-fit:contain;filter:drop-shadow(0 24px 25px rgba(0,0,0,.45))}
:is(#equipment-supply,#equipment-page-hero) .hero-machine-core{width:280px;right:0;top:5px}
:is(#equipment-supply,#equipment-page-hero) .hero-machine-lpd{width:300px;right:248px;top:20px}
:is(#equipment-supply,#equipment-page-hero) .hero-machine-kokil{width:325px;right:36px;bottom:5px}
:is(#equipment-supply,#equipment-page-hero) .hero-machine-lnd{width:205px;right:525px;bottom:20px}
:is(#equipment-supply,#equipment-page-hero) .equipment-source-content{width:min(1440px,calc(100% - 64px));margin:34px auto 0}
:is(#equipment-supply,#equipment-page-hero) .equipment-grid{position:relative;display:grid;grid-template-columns:1fr 1fr;grid-template-rows:1fr 1fr;aspect-ratio:1508/448;border-radius:18px;overflow:hidden;background:var(--navy);box-shadow:0 18px 44px rgba(5,29,49,.16)}
:is(#equipment-supply,#equipment-page-hero) .equipment-card{position:relative;display:grid;grid-template-columns:72px 42% 1fr;align-items:center;min-width:0;padding:16px 30px 16px 18px;border-right:1px solid rgba(190,223,244,.58);border-bottom:1px solid rgba(190,223,244,.58);background:linear-gradient(115deg,#06233b,#043153);color:#fff;overflow:hidden}
:is(#equipment-supply,#equipment-page-hero) .equipment-card:nth-child(2n){border-right:0}:is(#equipment-supply,#equipment-page-hero) .equipment-card:nth-child(n+3){border-bottom:0}
:is(#equipment-supply,#equipment-page-hero) .card-number{align-self:start;padding-top:12px;color:transparent;-webkit-text-stroke:1.4px #ff6800;font-size:49px;line-height:1;font-weight:800}
:is(#equipment-supply,#equipment-page-hero) .machine-wrap{height:100%;display:flex;align-items:center;justify-content:center;min-width:0}
:is(#equipment-supply,#equipment-page-hero) .machine-wrap img{display:block;max-width:100%;max-height:205px;object-fit:contain;filter:drop-shadow(0 13px 12px rgba(0,0,0,.34))}
:is(#equipment-supply,#equipment-page-hero) .machine-lnd img{max-height:185px}
:is(#equipment-supply,#equipment-page-hero) .card-copy{align-self:center;padding-left:24px;min-width:0}
:is(#equipment-supply,#equipment-page-hero) .card-copy h3{margin:0 0 13px;color:#fff;font-size:28px;line-height:1.08;font-weight:900}
:is(#equipment-supply,#equipment-page-hero) .card-copy p{margin:0;color:#c7d6e1;font-size:15px;line-height:1.48}
:is(#equipment-supply,#equipment-page-hero) .card-arrow{position:absolute;right:28px;bottom:23px;color:#fff;text-decoration:none;font-size:30px;line-height:1}
:is(#equipment-supply,#equipment-page-hero) .hub{position:absolute;z-index:5;left:50%;top:50%;width:92px;height:92px;transform:translate(-50%,-50%);color:#b9daed;pointer-events:none}
:is(#equipment-supply,#equipment-page-hero) .hub span{position:absolute;font-size:25px}:is(#equipment-supply,#equipment-page-hero) .hub span:nth-child(1){left:38px;top:0}:is(#equipment-supply,#equipment-page-hero) .hub span:nth-child(2){right:0;top:33px}:is(#equipment-supply,#equipment-page-hero) .hub span:nth-child(3){left:38px;bottom:0}:is(#equipment-supply,#equipment-page-hero) .hub span:nth-child(4){left:0;top:33px}
:is(#equipment-supply,#equipment-page-hero) .hub i{position:absolute;left:40px;top:40px;width:13px;height:13px;border-radius:50%;background:#86c7ed;box-shadow:0 0 0 2px #d4ebf8}
:is(#equipment-supply,#equipment-page-hero) .benefits{display:grid;grid-template-columns:repeat(3,1fr);margin:0 30px;min-height:80px;border-bottom:1px solid #c9d8e2}
:is(#equipment-supply,#equipment-page-hero) .benefit{display:flex;align-items:center;justify-content:center;gap:15px;border-right:1px solid #cad9e3;color:#17334e;font-size:16px}:is(#equipment-supply,#equipment-page-hero) .benefit:last-child{border-right:0}
:is(#equipment-supply,#equipment-page-hero) .benefit svg{width:42px;height:42px;fill:none;stroke:#0b588c;stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round}
:is(#equipment-supply,#equipment-page-hero) .full-cycle{display:grid;grid-template-columns:1.2fr 1fr auto;align-items:center;gap:28px;min-height:164px;margin-top:14px;padding:24px 34px;border:2px solid #f06a17;border-radius:17px;background:linear-gradient(100deg,#052540,#063554);color:#fff}
:is(#equipment-supply,#equipment-page-hero) .cycle-copy>span{display:block;color:#ff721c;font-size:14px;font-weight:900;letter-spacing:.17em;text-transform:uppercase}
:is(#equipment-supply,#equipment-page-hero) .cycle-copy h3{margin:7px 0 7px;color:#fff;font-size:29px;line-height:1.12}
:is(#equipment-supply,#equipment-page-hero) .cycle-copy p{margin:0;color:#c9d8e3;font-size:14px;line-height:1.45}
:is(#equipment-supply,#equipment-page-hero) .cycle-flow{display:flex;align-items:center;justify-content:center;gap:8px;margin:0;padding:0;list-style:none}
:is(#equipment-supply,#equipment-page-hero) .cycle-flow li{display:grid;place-items:center;min-width:56px;color:#bcd5e5;font-size:10px;text-align:center}
:is(#equipment-supply,#equipment-page-hero) .cycle-flow b{display:grid;place-items:center;width:42px;height:42px;margin-bottom:4px;border:1px solid #7ca4bd;border-radius:9px;color:#fff;font-size:12px}
:is(#equipment-supply,#equipment-page-hero) .cycle-action{background:#f36a0b;white-space:nowrap}
@media(max-width:1100px){:is(#equipment-supply,#equipment-page-hero) .equipment-hero,:is(#equipment-supply,#equipment-page-hero) .hero-inner{min-height:650px}:is(#equipment-supply,#equipment-page-hero) .hero-copy{top:48px;width:56%}:is(#equipment-supply,#equipment-page-hero) .hero-copy h2{font-size:56px}:is(#equipment-supply,#equipment-page-hero) .hero-machines{right:-30px;bottom:5px;transform:scale(.78);transform-origin:right bottom}:is(#equipment-supply,#equipment-page-hero) .equipment-grid{aspect-ratio:auto;grid-template-columns:1fr}:is(#equipment-supply,#equipment-page-hero) .equipment-card{min-height:235px;border-right:0;border-bottom:1px solid rgba(190,223,244,.58)!important}:is(#equipment-supply,#equipment-page-hero) .hub{display:none}:is(#equipment-supply,#equipment-page-hero) .full-cycle{grid-template-columns:1fr}:is(#equipment-supply,#equipment-page-hero) .cycle-action{justify-self:start}}
@media(max-width:760px){#equipment-supply{padding-bottom:34px}:is(#equipment-supply,#equipment-page-hero) .hero-inner,:is(#equipment-supply,#equipment-page-hero) .equipment-source-content{width:calc(100% - 28px)}:is(#equipment-supply,#equipment-page-hero) .equipment-hero,:is(#equipment-supply,#equipment-page-hero) .hero-inner{min-height:720px}:is(#equipment-supply,#equipment-page-hero) .hero-copy{left:0;top:35px;width:100%}:is(#equipment-supply,#equipment-page-hero) .hero-copy h2{font-size:42px}:is(#equipment-supply,#equipment-page-hero) .hero-copy>p:not(.hero-eyebrow){font-size:17px}:is(#equipment-supply,#equipment-page-hero) .hero-actions{align-items:flex-start;flex-direction:column;gap:10px}:is(#equipment-supply,#equipment-page-hero) .hero-tags{bottom:15px;flex-wrap:wrap}:is(#equipment-supply,#equipment-page-hero) .hero-machines{right:-135px;bottom:85px;transform:scale(.61)}:is(#equipment-supply,#equipment-page-hero) .equipment-card{grid-template-columns:48px 38% 1fr;padding:12px 15px 12px 9px;min-height:210px}:is(#equipment-supply,#equipment-page-hero) .card-number{font-size:33px}:is(#equipment-supply,#equipment-page-hero) .card-copy{padding-left:10px}:is(#equipment-supply,#equipment-page-hero) .card-copy h3{font-size:20px}:is(#equipment-supply,#equipment-page-hero) .card-copy p{font-size:12px}:is(#equipment-supply,#equipment-page-hero) .benefits{grid-template-columns:1fr;margin:0}:is(#equipment-supply,#equipment-page-hero) .benefit{min-height:66px;border-right:0;border-bottom:1px solid #cad9e3}:is(#equipment-supply,#equipment-page-hero) .full-cycle{padding:21px 18px}:is(#equipment-supply,#equipment-page-hero) .cycle-flow{flex-wrap:wrap;justify-content:flex-start}}

/* Exact source hero composition: retain the site header, reproduce the supplied source below it. */
:is(#equipment-supply,#equipment-page-hero) .equipment-hero {
  min-height: 510px;
  background: #061b2d;
}
:is(#equipment-supply,#equipment-page-hero) .hero-backdrop {
  background: url("assets/equipment-section/equipment-source-hero-exact.webp") center center / cover no-repeat;
  opacity: 1;
}
:is(#equipment-supply,#equipment-page-hero) .hero-inner {
  width: 100%;
  min-height: 510px;
}
:is(#equipment-supply,#equipment-page-hero) .hero-copy {
  left: 50%;
  top: 96px;
  width: min(760px, calc(100% - 48px));
  transform: translateX(-50%);
  text-align: center;
}
:is(#equipment-supply,#equipment-page-hero) .hero-eyebrow {
  justify-content: center;
  margin-bottom: 17px;
}
:is(#equipment-supply,#equipment-page-hero) .hero-copy h2 {
  font-size: 68px;
  line-height: 1.02;
  letter-spacing: -.04em;
  text-transform: none;
}
:is(#equipment-supply,#equipment-page-hero) .hero-copy > p:not(.hero-eyebrow) {
  max-width: 690px;
  margin: 20px auto 0;
  color: #fff;
  font-size: 18px;
  line-height: 1.5;
}
:is(#equipment-supply,#equipment-page-hero) .hero-actions {
  flex-direction: column;
  justify-content: center;
  gap: 16px;
  margin-top: 25px;
}
:is(#equipment-supply,#equipment-page-hero) .hero-button {
  min-width: 308px;
  min-height: 55px;
}
:is(#equipment-supply,#equipment-page-hero) .hero-note {
  color: #fff;
  font-size: 16px;
}
:is(#equipment-supply,#equipment-page-hero) .hero-tags {
  left: 50%;
  top: 25px;
  bottom: auto;
  transform: translateX(-50%);
  justify-content: center;
  white-space: nowrap;
}
:is(#equipment-supply,#equipment-page-hero) .hero-machines {
  display: none;
}

@media(max-width:760px) {
  :is(#equipment-supply,#equipment-page-hero) .equipment-hero,
  :is(#equipment-supply,#equipment-page-hero) .hero-inner { min-height: 620px; }
  :is(#equipment-supply,#equipment-page-hero) .hero-copy { top: 112px; width: calc(100% - 28px); }
  :is(#equipment-supply,#equipment-page-hero) .hero-copy h2 { font-size: 42px; }
  :is(#equipment-supply,#equipment-page-hero) .hero-tags { top: 28px; width: calc(100% - 28px); flex-wrap: wrap; }
}
/* The supplied exact panorama already contains the complete source hero artwork. */
@media(min-width:761px) {
  :is(#equipment-supply,#equipment-page-hero) .equipment-hero {
    min-height: 0;
    aspect-ratio: 3836 / 763;
  }
  :is(#equipment-supply,#equipment-page-hero) .hero-inner {
    display: none;
  }
}
/* Equipment page hero is the first content section below the shared site navigation. */
#equipment-page-hero{display:block;padding:0;background:#061b2d}
#equipment-page-hero .equipment-hero{width:100%;margin:0;border-radius:0}
/* The panorama already contains the intended soft shading. Do not stack a second overlay. */
#equipment-page-hero .equipment-hero::after{display:none}#equipment-page-hero .hero-backdrop{z-index:0}
#equipment-page-hero .hero-inner{z-index:2}
#equipment-page-hero .hero-copy{top:64px;isolation:isolate}
#equipment-page-hero .hero-copy::before{
  content:"";
  position:absolute;
  z-index:0;
  inset:-64px -150px -72px;
  background:radial-gradient(ellipse at center,rgba(6,36,58,.995) 0 58%,rgba(6,36,58,.92) 70%,rgba(6,36,58,.58) 82%,rgba(6,36,58,.2) 92%,rgba(6,36,58,0) 100%);
  filter:blur(12px);
  pointer-events:none;
}
#equipment-page-hero .hero-copy>*{position:relative;z-index:1}
#equipment-page-hero .hero-tags{isolation:isolate}
#equipment-page-hero .hero-tags::before{
  content:"";
  position:absolute;
  z-index:0;
  inset:-24px -80px;
  background:radial-gradient(ellipse at center,rgba(6,36,58,.995) 0 54%,rgba(6,36,58,.86) 68%,rgba(6,36,58,.42) 84%,rgba(6,36,58,0) 100%);
  filter:blur(10px);
  pointer-events:none;
}
#equipment-page-hero .hero-tags>*{position:relative;z-index:1}
#equipment-page-hero .hero-eyebrow{color:#ff6b16!important}
#equipment-page-hero .hero-eyebrow span{background:#ff6b16!important}
#equipment-page-hero .hero-actions{display:flex!important}
#equipment-page-hero .hero-button{display:inline-flex!important;background:linear-gradient(90deg,#f35c00,#ff7a00)!important;color:#fff!important}
@media(min-width:761px){
  #equipment-page-hero .hero-inner{display:block}
}
@media(max-width:760px){
  #equipment-page-hero .hero-copy{top:112px}

  #equipment-page-hero .equipment-hero::after{display:none}
}
/* REFERENCE HERO ALIGNMENT V13 — editable DOM over one seamless centre shade. */
@media(min-width:761px){
  #equipment-page-hero .equipment-hero::after{
    content:"";
    display:block;
    position:absolute;
    z-index:1;
    inset:0;
    pointer-events:none;
    background:linear-gradient(90deg,rgba(6,36,58,0) 17%,rgba(6,36,58,.18) 22%,rgba(6,36,58,.72) 27%,rgb(6,36,58) 32%,rgb(6,36,58) 68%,rgba(6,36,58,.72) 73%,rgba(6,36,58,.18) 78%,rgba(6,36,58,0) 83%);
  }
  #equipment-page-hero .hero-copy{
    top:87px;
    width:min(690px,calc(100% - 48px));
    isolation:auto;
  }
  #equipment-page-hero .hero-copy::before,
  #equipment-page-hero .hero-tags::before{display:none}
  #equipment-page-hero .hero-tags{top:29px;isolation:auto}
  #equipment-page-hero .hero-tags span{padding:7px 12px;font-size:11px;text-transform:none}
  #equipment-page-hero .hero-eyebrow{margin-bottom:13px!important;font-size:14px!important}
  #equipment-page-hero .hero-copy h2{font-size:clamp(42px,2.7vw,56px);line-height:.94}
  #equipment-page-hero .hero-copy>p:not(.hero-eyebrow){margin-top:14px;font-size:16px;line-height:1.35}
  #equipment-page-hero .hero-actions{gap:14px;margin-top:10px}
  #equipment-page-hero .hero-button{min-width:246px;min-height:46px;font-size:14px}
  #equipment-page-hero .hero-note{font-size:14px}
}
/* Exact original hero shade and the same height as the homepage banner. */
#equipment-page-hero .equipment-hero{aspect-ratio:3836/763;min-height:0}
#equipment-page-hero .hero-backdrop{opacity:1}
#equipment-page-hero .equipment-hero::after{display:none!important}
#equipment-page-hero .hero-copy::before,
#equipment-page-hero .hero-tags::before{display:none!important}

/* Editable hero over a clean background; shading matches the reference. */
#equipment-page-hero .hero-backdrop{background:url("assets/equipment-section/equipment-source-hero-exact.webp") center/cover no-repeat;opacity:1}
#equipment-page-hero .hero-inner{display:block!important}
#equipment-page-hero .equipment-hero::after{
  display:none!important;
}
#equipment-page-hero :is(.hero-tags,.hero-eyebrow,.hero-copy h2,.hero-copy>p:not(.hero-eyebrow),.hero-actions)::before{
  content:"";position:absolute;z-index:-1;inset:-10px -100px;background:#06243a;
  box-shadow:0 0 22px 14px #06243a;pointer-events:none;
}
#equipment-page-hero .hero-tags::before{display:block!important;inset:-8px -60px}
#equipment-page-hero .hero-copy h2::before{inset:-14px -160px}
#equipment-page-hero .hero-actions::before{inset:-10px -120px}
#equipment-page-hero .hero-copy{top:75px}
#equipment-page-hero .hero-copy h2{line-height:.94}
#equipment-page-hero .hero-copy>p:not(.hero-eyebrow){margin-top:14px;line-height:1.35}
#equipment-page-hero .hero-actions{gap:14px;margin-top:10px}