/*
 * Lightflow v0.4.3 — controlled geometry polish over the saved v0.4.2 checkpoint.
 * HeroCurve geometry on service pages remains locked; only backdrop, shard,
 * curve ornament, and the explicitly requested homepage/operations deltas move.
 */

/* Service pages: curve position and crop are intentionally not overridden. */
.hero-template-service {
  --service-shard-lift: 10px;
}

.detail-inalite .hero-template-service,
.detail-inalink .hero-template-service,
.detail-iot .hero-template-service {
  min-height: 740px;
}

.detail-inara .hero-template-service,
.detail-managed .hero-template-service {
  min-height: 760px;
}

.hero-template-service .inalite-blue-curve::before {
  background: url("assets/signature/wave.svg") 48% 52% / 610px auto no-repeat;
  opacity: .3;
  filter: brightness(1.55) saturate(.72);
  mix-blend-mode: screen;
}

/* Home: curve +20px, shard +30px, lower backdrop crop +8px. */
.hero-template-home {
  --hero-curve-bottom: -88px;
  --home-shard-bottom: 67px;
  min-height: 792px;
}

/* Right edge is locked; scale extends the 830px curve about 100px to the left. */
.hero-template-home .hero-blue-sweep {
  transform: scaleX(1.12);
  transform-origin: right center;
}

.hero-template-home .hero-blue-sweep::before {
  background:
    url("assets/signature/triangles.svg") 88% 38% / 460px auto no-repeat,
    url("assets/signature/wave.svg") 42% 52% / 650px auto no-repeat;
  opacity: .3;
  filter: brightness(1.5) saturate(.76);
  mix-blend-mode: screen;
}

/* Homepage Pengelolaan IT & NOC: photo only; frame stays locked. */
.operations-photo > img {
  top: -2px;
  left: -2.5%;
  width: 114%;
  height: 108%;
  transform: translate(20px, -30px) scale(1.2);
  transform-origin: center center;
}

@media (max-width: 900px) {
  .hero-template-home,
  .detail-inalite .hero-template-service,
  .detail-inara .hero-template-service,
  .detail-inalink .hero-template-service,
  .detail-managed .hero-template-service,
  .detail-iot .hero-template-service {
    min-height: auto;
  }

  .detail-inalite .hero-template-service,
  .detail-inalink .hero-template-service,
  .detail-iot .hero-template-service {
    padding-bottom: 74px;
  }

  .detail-inara .hero-template-service,
  .detail-managed .hero-template-service {
    padding-bottom: 94px;
  }
}

@media (max-width: 620px) {
  .hero-template-home {
    --hero-curve-bottom: -56px;
    --home-shard-bottom: 63px;
  }

  .detail-inalite .hero-template-service,
  .detail-inalink .hero-template-service,
  .detail-iot .hero-template-service {
    padding-bottom: 80px;
  }

  .detail-inara .hero-template-service,
  .detail-managed .hero-template-service {
    padding-bottom: 100px;
  }

  .operations-photo > img {
    top: 4px;
    left: -5%;
    width: 122%;
    height: 108%;
    transform: translate(20px, -30px) scale(1.2);
  }
}