.crane-hero{position:relative;background:#252b32;padding:3rem 0 0;overflow:hidden}
.crane-hero::before{
  content:"";position:absolute;top:0;right:0;width:45%;height:100%;
  background:linear-gradient(135deg,transparent 40%,#2a3238 40%);
  clip-path:polygon(30% 0,100% 0,100% 100%,0 100%);
}
.crane-arm{
  position:absolute;top:0;right:12%;width:4px;height:55%;background:#6a737d;z-index:1;
}
.crane-arm::before{
  content:"";position:absolute;top:0;left:-80px;width:160px;height:4px;background:#f5c518;
}
.crane-arm::after{
  content:"";position:absolute;top:4px;left:-20px;width:12px;height:20px;background:#f5c518;
}
.crane-hero .container{position:relative;z-index:2}
.crane-grid{display:grid;grid-template-columns:1.05fr .95fr;gap:2.5rem;align-items:center;padding-bottom:2rem}
.crane-grid h1{font-size:clamp(1.45rem,3.5vw,2.05rem);font-weight:900;line-height:1.3;margin-bottom:1rem;color:#fff}
.crane-grid h1 em{font-style:normal;color:#f5c518}
.crane-desc{font-size:.95rem;color:#9aa3ad;margin-bottom:1.35rem;max-width:500px}
.crane-btns{display:flex;flex-wrap:wrap;gap:.65rem;margin-bottom:1.5rem}
.btn-load{display:inline-block;background:#f5c518;color:#1a1f24!important;padding:.55rem 1.4rem;font-weight:900;font-size:.88rem;text-decoration:none!important}
.btn-load:hover{background:#ffd633}
.btn-steel{display:inline-block;border:2px solid #6a737d;color:#e8eaed!important;padding:.5rem 1.2rem;font-weight:700;font-size:.88rem;text-decoration:none!important;background:#1a1f24}
.capacity-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:.65rem}
.cap-box{background:#1a1f24;border:2px solid #f5c518;padding:.75rem;text-align:center}
.cap-box strong{display:block;font-size:1.3rem;color:#f5c518;font-weight:900}
.cap-box span{font-size:.7rem;color:#9aa3ad;letter-spacing:.08em;text-transform:uppercase}
.crane-frame{border:4px solid #6a737d;background:#1a1f24;padding:4px;position:relative}
.crane-frame::before{content:"";position:absolute;top:-8px;left:0;right:0;height:8px;background:repeating-linear-gradient(-45deg,#f5c518 0 8px,#1a1f24 8px 16px)}

.container-yard{padding-top:0}
.yard-row{display:grid;grid-template-columns:repeat(3,1fr);gap:1rem}
.cargo-unit{background:#252b32;border:3px solid #6a737d;position:relative;padding-top:.5rem}
.cargo-unit::before{content:"";display:block;height:6px;background:repeating-linear-gradient(-45deg,#f5c518 0 6px,#1a1f24 6px 12px);margin-bottom:.75rem}
.cargo-id{font-size:.68rem;font-weight:900;color:#f5c518;letter-spacing:.15em;padding:0 1rem .35rem}
.cargo-body{padding:0 1rem 1.25rem}
.cargo-body h3{font-size:1rem;font-weight:900;margin-bottom:.45rem;color:#fff}
.cargo-body p{font-size:.86rem;color:#9aa3ad;line-height:1.6}

.lift-sequence{background:#1a1f24;border-top:4px solid #f5c518;border-bottom:4px solid #f5c518}
.lift-track{display:grid;grid-template-columns:repeat(3,1fr);gap:0;position:relative}
.lift-track::before{
  content:"";position:absolute;top:2.2rem;left:8%;right:8%;height:4px;background:#6a737d;
}
.lift-step{text-align:center;padding:2rem 1rem;position:relative}
.lift-num{width:44px;height:44px;margin:0 auto .85rem;background:#f5c518;color:#1a1f24;font-weight:900;font-size:1.1rem;display:flex;align-items:center;justify-content:center;position:relative;z-index:1}
.lift-step h3{font-size:.95rem;font-weight:900;margin-bottom:.35rem;color:#fff}
.lift-step p{font-size:.82rem;color:#9aa3ad;max-width:220px;margin:0 auto}

.manifest-dual{display:grid;grid-template-columns:1fr 1fr;gap:1.25rem}
.load-sheet{background:#252b32;border:2px solid #6a737d}
.load-head{background:repeating-linear-gradient(-45deg,#f5c518 0 10px,#1a1f24 10px 20px);padding:.5rem 1rem;font-size:.72rem;font-weight:900;color:#1a1f24;letter-spacing:.12em}
.load-body{padding:1.15rem 1.25rem}
.load-body h3{font-size:1rem;font-weight:900;margin-bottom:.65rem;color:#f5c518}
.load-body li{padding:.35rem 0 .35rem 1rem;font-size:.88rem;color:#9aa3ad;position:relative;border-bottom:1px solid #2a3238}
.load-body li::before{content:"■";position:absolute;left:0;font-size:.45rem;color:#f5c518;top:.55rem}

.dispatch-cta{background:#f5c518;color:#1a1f24;text-align:center;padding:2.75rem 1rem;position:relative}
.dispatch-cta h2{font-size:clamp(1.2rem,2.8vw,1.55rem);font-weight:900;margin-bottom:.55rem;text-transform:uppercase}
.dispatch-cta p{font-size:.9rem;margin-bottom:1.2rem;opacity:.85}
.dispatch-cta .btn-load{background:#1a1f24;color:#f5c518!important}

@media(max-width:768px){
  .crane-grid{grid-template-columns:1fr}
  .crane-arm{display:none}
  .yard-row,.lift-track,.manifest-dual{grid-template-columns:1fr}
  .lift-track::before{display:none}
  .capacity-stats{grid-template-columns:1fr}
}