/*
 * Lightflow v0.4.2 — locked micro-corrections over v0.4.1.
 * Geometry stays component-scoped so HeroPhoto, HeroFrame, HeroCurve,
 * HeroBackdrop, and HeroShard can be adjusted independently.
 */

/* Home: curve +30px; shard and photo/frame geometry remain untouched. */
.hero-template-home {
  --hero-curve-bottom: -108px;
  min-height: 800px;
}

/* Service pages: curve +40px, shard -10px, and lower backdrop crop +40px. */
.hero-template-service {
  --service-curve-lift: 100px;
  --service-shard-lift: 20px;
  min-height: 770px;
}

/* Homepage Pengelolaan IT & NOC: add 115px to the photo box around the front-left arm. */
.operations-photo > img {
  top: -56px;
  left: calc(-2.5% - 44px);
  width: calc(114% + 115px);
  height: calc(108% + 115px);
  transform: none;
  transform-origin: 38% 47%;
}

@media (max-width: 900px) {
  .hero-template-home,
  .hero-template-service {
    min-height: auto;
  }

  .hero-template-service {
    padding-bottom: 104px;
  }
}

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

  .hero-template-service {
    padding-bottom: 110px;
  }

  .operations-photo > img {
    top: -50px;
    left: calc(-5% - 44px);
    width: calc(122% + 115px);
    height: calc(108% + 115px);
  }
}