.ideei-carousel {
  --idc-navy: #0a2034;
  --idc-blue: #0069c9;
  --idc-ink: #10293e;
  --idc-border: #dbe6ef;
  color: white;
  background: var(--idc-navy);
  font-family: Arial, "Segoe UI", sans-serif;
}
.ideei-carousel *, .ideei-carousel *::before, .ideei-carousel *::after { box-sizing: border-box; }
.ideei-slide[hidden] { display: none !important; }
.ideei-slide {
  position: relative;
  isolation: isolate;
  overflow: hidden;
  aspect-ratio: 3 / 1;
  min-height: 390px;
}
.ideei-hero-image {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: center;
  z-index: -2;
}
.ideei-slide-lifting .ideei-hero-image { object-position: center 81%; }
.ideei-slide::before {
  content: "";
  position: absolute;
  inset: 0;
  z-index: -1;
  pointer-events: none;
  background: linear-gradient(90deg, #0a2034ed, #0a2034ad 24%, #0a203445 36%, transparent 49%);
}
.ideei-slide-pump::before { background: linear-gradient(90deg,#081b2bdd,#081b2b9c 24%,#081b2b40 34%,transparent 47%); }
.ideei-slide-industrial::before {
  background: linear-gradient(90deg,#0a2034f2,#0a20349e 28%,transparent 52%);

}
.ideei-slide-lifting::before {
  background: linear-gradient(90deg,#071b2eec,#0a2034a6 27%,transparent 52%);
  mask-image: linear-gradient(#000 53%,transparent 84%);
}
.ideei-hero-copy {
  position: absolute;
  inset-inline-start: max(5.3%, calc((100% - 1440px) / 2));
  top: 50%;
  transform: translateY(-50%);
  width: min(39%, 590px);
  padding: 0;
}
.ideei-slide-pump .ideei-hero-copy { width: min(29%, 480px); }
.ideei-slide-lifting .ideei-hero-copy {
  top: 6.8%;
  transform: none;
}
.ideei-slide-lifting .ideei-hero-copy { width: min(45%, 615px); }
.ideei-hero-kicker {
  color: #bce0ff;
  font-size: clamp(11px, .98vw, 14px);
  letter-spacing: .105em;
  text-transform: uppercase;
  font-weight: 800;
  line-height: 1.35;
  margin-bottom: 10px;
}
.ideei-hero-copy :is(h1,h2) {
  color: white;
  font: 750 clamp(34px, 4.05vw, 62px)/1.08 Arial, "Segoe UI", sans-serif;
  letter-spacing: -.03em;
  margin: 0 0 15px;
  text-wrap: balance;
}
.ideei-slide-industrial .ideei-hero-copy :is(h1,h2),
.ideei-slide-lifting .ideei-hero-copy :is(h1,h2) { font-size: clamp(30px, 3.05vw, 49px); }
.ideei-hero-copy p {
  font-size: clamp(14px,1.31vw,20px);
  line-height: 1.44;
  color: #f4f8fc;
  max-width: 45ch;
  margin: 0 0 20px;
}
.ideei-slide-industrial .ideei-hero-copy p, .ideei-slide-lifting .ideei-hero-copy p { margin-bottom: 12px; }
.ideei-hero-actions { display:flex; gap:9px; flex-wrap:wrap; }
.ideei-carousel .ideei-hero-link {
  display: inline-flex;
  align-items: center;
  gap: .5em;
  padding: 11px 16px;
  min-height: 43px;
  background: var(--idc-blue);
  color: white;
  border: 1px solid transparent;
  text-decoration: none;
  font-size: clamp(12px, .98vw, 15px);
  font-weight: 700;
  line-height: 1.25;
}
.ideei-carousel .ideei-hero-link:hover { background:#00539f; color:white; }
.ideei-carousel .ideei-hero-secondary { background:#0a2034ce; border-color:#c7dcef; }
.ideei-controls {
  display: flex;
  align-items: stretch;
  justify-content: space-between;
  padding-inline: max(3%, calc((100% - 1440px) / 2));
  gap: 10px;
  background: #f1f6fa;
  border-bottom: 1px solid var(--idc-border);
  color: var(--idc-ink);
}
.ideei-slide-buttons { display: grid; grid-template-columns: repeat(5,minmax(0,1fr)); flex: 1; }
.ideei-controls button {
  font: 700 13px/1.28 Arial, "Segoe UI", sans-serif;
  color: var(--idc-ink);
  background: transparent;
  border: 0;
  cursor: pointer;
}
.ideei-slide-buttons button {
  text-align: start;
  min-height: 56px;
  padding: 11px 10px;
  border-inline-end: 1px solid var(--idc-border);
  border-block-start: 3px solid transparent;
}
.ideei-slide-buttons button[aria-pressed="true"] { background:#e0eefb; border-block-start-color: var(--idc-blue); }
.ideei-slide-buttons button span { color:#436883; margin-inline-end:6px; font-size: 11px; }
.ideei-arrows { display:flex; align-items:center; gap:5px; }
.ideei-arrows button { background:white; border:1px solid var(--idc-border); width:37px; height:37px; }
.ideei-controls button:hover { background: #e0eefb; }
.ideei-carousel :is(a,button):focus-visible { outline: 3px solid #f4ba4f; outline-offset: 3px; }
[dir=rtl] .ideei-hero-copy {
  /* Artwork leaves negative space on the physical left in all locales. */
  left: max(5.3%, calc((100% - 1440px) / 2));
  right: auto;
  text-align: right;
}
[dir=rtl] .ideei-carousel :is(.ideei-hero-kicker,h1,h2) { letter-spacing: normal; }
[dir=rtl] .ideei-direction { display: inline-block; transform: scaleX(-1); }

@media (max-width: 1150px) {
  /* Measure the longest slide so the image and controls stay in place. */
  .ideei-slides { display: grid; }
  .ideei-slide { grid-area: 1 / 1; min-height: 0; aspect-ratio: auto; display:flex; flex-direction:column; }
  .ideei-slide[hidden] { display: flex !important; visibility: hidden; pointer-events: none; }
  .ideei-slide[hidden] .ideei-hero-image { display: none; }
  .ideei-slide::before { content: none; }
  .ideei-hero-art { position: relative; order: 2; flex: none; aspect-ratio: 3 / 1; }
  .ideei-hero-image { z-index: auto; }
  .ideei-slide .ideei-hero-copy {
    position: static;
    transform: none;
    width: 100%;
    flex: 1;
    padding: 26px clamp(16px,5vw,50px) 24px;
    background: linear-gradient(110deg,#0a2034,#123652);
  }
  .ideei-slide .ideei-hero-copy :is(h1,h2) { font-size: clamp(27px,4.6vw,45px); max-width: 25ch; text-wrap: initial; }
  [dir=rtl] .ideei-slide .ideei-hero-copy :is(h1,h2),
  [dir=rtl] .ideei-hero-copy p { margin-inline-end: auto; }
  .ideei-hero-copy p { font-size: 15px; margin-bottom: 15px; }
  .ideei-hero-link { padding: 10px 13px; }
}
@media (max-width: 900px) {
  .ideei-hero-art { aspect-ratio: 1128 / 567; }
  .ideei-slide-lifting .ideei-hero-image { object-position: center; }
}
@media (max-width: 600px) {
  .ideei-controls { flex-direction:column; align-items:stretch; padding:0; gap:0; }
  .ideei-slide-buttons button { min-height:54px; padding:8px 5px; font-size:11px; text-align:center; overflow-wrap:anywhere; }
  .ideei-slide-buttons button span { display:none; }
  .ideei-arrows { justify-content:center; padding:5px; border-top:1px solid var(--idc-border); }
}

[dir=rtl] .ideei-slide-lifting .ideei-hero-actions { flex-direction: row-reverse; justify-content: end; }
