/* Let the Sebastian phone image fill the full gallery frame. */
body.page-id-7985 .inser-iot-case-sebastian .inser-iot-sebastian-media figure:nth-child(2) .inser-iot-sebastian-frame img {
  width: 200% !important;
  height: 100% !important;
  max-height: none !important;
  object-fit: cover !important;
  object-position: center center !important;
}


/* Ysland IoT case: scale and align the connected-pool composition with the supplied reference. */
@media (min-width: 1241px) {
  body.page-id-7985 .inser-iot-case-ysland {
    background-color: #0b1d2e !important;
  }
  body.page-id-7985 .inser-iot-case-ysland .inser-iot-ysland-v2 {
    left: 50%; width: min(100vw, 1860px); max-width: none; min-height: 100vh;
    display: flex; flex-direction: column; justify-content: space-between;
    padding: clamp(138px, 20vh, 218px) clamp(32px, 3.8vw, 56px) clamp(78px, 12vh, 130px);
    transform: translateX(-50%);
  }
  body.page-id-7985 .inser-iot-case-ysland .inser-iot-ysland-v2-main {
    grid-template-columns: minmax(0, 1.1fr) minmax(0, 1.85fr);
    gap: clamp(30px, 3.4vw, 50px); align-items: center;
  }
  body.page-id-7985 .inser-iot-case-ysland .ysland-v2-copy { max-width: 590px; }
  body.page-id-7985 .inser-iot-case-ysland .ysland-v2-copy h2 {
    max-width: 18ch; font-size: clamp(42px, 3.5vw, 52px); line-height: 1.1;
  }
  body.page-id-7985 .inser-iot-case-ysland .ysland-v2-copy > p:not(.inser-sdg-eyebrow) {
    max-width: 510px; font-size: clamp(18px, 1.4vw, 21px);
  }
  body.page-id-7985 .inser-iot-case-ysland .ysland-v2-copy .ysland-v2-cta {
    min-height: 60px; padding: 16px 30px; font-size: 18px;
  }
  body.page-id-7985 .inser-iot-case-ysland .ysland-v2-visual {
    position: relative; max-width: none;
  }
  body.page-id-7985 .inser-iot-case-ysland .ysland-v2-visual::before {
    position: absolute; z-index: 0; inset: 0;
    background:
      radial-gradient(circle at 21% 44%, rgba(0, 157, 217, .18) 0 145px, rgba(0, 157, 217, .08) 146px 215px, transparent 216px),
      radial-gradient(ellipse at 83% 75%, rgba(0, 157, 217, .11), transparent 39%);
    content: ""; pointer-events: none;
  }
  body.page-id-7985 .inser-iot-case-ysland .ysland-v2-flow {
    position: relative; z-index: 1; align-items: stretch;
  }
  body.page-id-7985 .inser-iot-case-ysland .ysland-v2-hardware { height: 460px; }
  body.page-id-7985 .inser-iot-case-ysland .ysland-v2-pulbox {
    top: 30px; left: 0; width: 80%; height: 285px;
  }
  body.page-id-7985 .inser-iot-case-ysland .ysland-v2-sensors {
    right: auto; bottom: -20px; left: -28%; width: 145%; height: 300px;
  }
  body.page-id-7985 .inser-iot-case-ysland .ysland-v2-stage {
    position: relative; height: 460px; min-height: 460px; justify-content: center; gap: 14px;
  }
  body.page-id-7985 .inser-iot-case-ysland .ysland-v2-stage svg {
    width: clamp(50px, 4.8vw, 72px); height: clamp(50px, 4.8vw, 72px);
  }
  body.page-id-7985 .inser-iot-case-ysland .ysland-v2-platform-art {
    position: absolute; top: 50%; left: -30%; width: 160%; max-width: 560px;
    aspect-ratio: 795 / 611; margin: 0; transform: translateY(-50%);
  }
  body.page-id-7985 .inser-iot-case-ysland .ysland-v2-platform-art .ysland-v2-laptop {
    clip-path: inset(0 0 10% 0);
  }
  body.page-id-7985 .inser-iot-case-ysland .ysland-v2-platform-art .ysland-v2-phone {
    right: auto; bottom: -10%; left: 64%; width: 25%; clip-path: none;
    transform: scaleY(1.4); transform-origin: bottom center;
  }
  body.page-id-7985 .inser-iot-case-ysland .ysland-v2-platform > .ysland-v2-label {
    position: absolute; right: 0; bottom: 0; left: 0; margin: 0;
  }
  body.page-id-7985 .inser-iot-case-ysland .ysland-v2-hardware > .ysland-v2-label,
  body.page-id-7985 .inser-iot-case-ysland .ysland-v2-stage:nth-child(3)::after,
  body.page-id-7985 .inser-iot-case-ysland .ysland-v2-platform > .ysland-v2-label {
    min-height: 58px; padding: 16px 18px;
    border: 1px solid rgba(190, 220, 241, .22); border-radius: 999px;
    background: rgba(7, 25, 43, .52); color: #f4f8fc;
    font-size: 15px; font-weight: 600; line-height: 1.2; white-space: nowrap;
  }
  body.page-id-7985 .inser-iot-case-ysland .ysland-v2-hardware > .ysland-v2-label {
    right: auto; left: 50%; width: max-content; max-width: 100%; transform: translateX(-50%);
  }
  body.page-id-7985 .inser-iot-case-ysland .ysland-v2-stage:nth-child(3) strong,
  body.page-id-7985 .inser-iot-case-ysland .ysland-v2-stage:nth-child(5) strong {
    font-size: 0; line-height: 0;
  }
  body.page-id-7985 .inser-iot-case-ysland .ysland-v2-stage:nth-child(3)::after {
    position: absolute; bottom: 0; left: clamp(-18px, -.9vw, -11px);
    display: flex; width: clamp(190px, 16vw, 232px); align-items: center;
    justify-content: center; content: "4G + Cloud";
  }
  body.page-id-7985 .inser-iot-case-ysland .ysland-v2-platform > .ysland-v2-label {
    width: max-content; max-width: none; left: 50%; transform: translateX(-50%);
  }
  body.page-id-7985 .inser-iot-case-ysland .ysland-v2-benefits {
    margin-top: clamp(28px, 3vw, 46px);
  }
  body.page-id-7985 .inser-iot-case-ysland .ysland-v2-benefit-copy span { display: none; }
  body.page-id-7985 .inser-iot-case-ysland .ysland-v2-check {
    width: 40px; height: 40px; flex-basis: 40px; font-size: 19px;
  }
  body.page-id-7985 .inser-iot-case-ysland .ysland-v2-benefit-copy strong {
    font-size: 16px; line-height: 1.3;
  }
}

/* Ysland refinement after visual review: align flow arrows, restore the three badges, and keep the phone clear of the edge. */
@media (min-width: 1241px) {
  body.page-id-7985 .inser-iot-case-ysland .ysland-v2-flow { align-items: center; }
  body.page-id-7985 .inser-iot-case-ysland .ysland-v2-sensors img { clip-path: inset(0 0 13% 5%); }
  body.page-id-7985 .inser-iot-case-ysland .ysland-v2-copy > p:not(.inser-sdg-eyebrow) {
    font-size: clamp(19px, 1.45vw, 21px);
  }
  body.page-id-7985 .inser-iot-case-ysland .ysland-v2-copy .ysland-v2-cta {
    padding-right: 38px; padding-left: 38px;
  }
  body.page-id-7985 .inser-iot-case-ysland .ysland-v2-hardware > p:last-child,
  body.page-id-7985 .inser-iot-case-ysland .ysland-v2-platform > p:last-child {
    position: absolute; right: auto; bottom: 0; left: 50%; width: max-content;
    margin: 0; z-index: 4; transform: translateX(-50%);
  }
  body.page-id-7985 .inser-iot-case-ysland .ysland-v2-hardware > p:last-child .ysland-v2-label,
  body.page-id-7985 .inser-iot-case-ysland .ysland-v2-platform > p:last-child .ysland-v2-label {
    display: flex; width: clamp(220px, 18vw, 260px); min-height: 58px;
    box-sizing: border-box; align-items: center; justify-content: center; gap: 12px;
    padding: 14px 18px; border: 1px solid rgba(190, 220, 241, .22);
    border-radius: 999px; background: rgba(7, 25, 43, .52);
    color: #f4f8fc; font-size: 15px; font-weight: 600; line-height: 1.2;
    white-space: nowrap;
  }
  body.page-id-7985 .inser-iot-case-ysland .ysland-v2-hardware > p:last-child .ysland-v2-label::before,
  body.page-id-7985 .inser-iot-case-ysland .ysland-v2-platform > p:last-child .ysland-v2-label::before {
    display: inline-block; width: 20px; height: 20px; flex: 0 0 20px;
    border: 2px solid #00b2bd; border-radius: 4px; content: "";
  }
  body.page-id-7985 .inser-iot-case-ysland .ysland-v2-platform > p:last-child .ysland-v2-label::before {
    width: 17px; height: 23px; flex-basis: 17px; border-radius: 3px;
  }
  body.page-id-7985 .inser-iot-case-ysland .ysland-v2-stage:nth-child(3)::after {
    box-sizing: border-box; width: clamp(176px, 14vw, 205px);
  }
  body.page-id-7985 .inser-iot-case-ysland .ysland-v2-platform-art .ysland-v2-phone {
    bottom: -10%; left: 55%; width: 40%;
    transform: scaleY(1.1); transform-origin: bottom center;
  }
}

@media (min-width: 1241px) {
  body.page-id-7985 .inser-iot-case-ysland .ysland-v2-hardware > p:last-child .ysland-v2-label::before {
    width: 26px; height: 26px; flex-basis: 26px; border: 0; border-radius: 0;
    background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='28' height='28' viewBox='0%200%2028%2028'%3E%3Crect x='7' y='7' width='14' height='14' rx='2' fill='none' stroke='%2300b2bd' stroke-width='2'/%3E%3Cpath d='M10 2v5m8-5v5M10 21v5m8-5v5M2 10h5m-5 8h5m14-8h5m-5 8h5' fill='none' stroke='%2300b2bd' stroke-width='2' stroke-linecap='round'/%3E%3C/svg%3E") center / contain no-repeat;
  }
  body.page-id-7985 .inser-iot-case-ysland .ysland-v2-platform > p:last-child .ysland-v2-label::before {
    width: 27px; height: 27px; flex-basis: 27px; border: 0; border-radius: 0;
    background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='30' height='30' viewBox='0%200%2030%2030'%3E%3Crect x='3' y='6' width='15' height='21' rx='2' fill='none' stroke='%2300b2bd' stroke-width='2'/%3E%3Crect x='11' y='3' width='16' height='21' rx='2' fill='%230b1d2e' stroke='%2300b2bd' stroke-width='2'/%3E%3Cpath d='M16 20h6' fill='none' stroke='%2300b2bd' stroke-width='2' stroke-linecap='round'/%3E%3C/svg%3E") center / contain no-repeat;
  }
}
