/* Lightflow v0.3.3 — ornament rhythm only; layout and content remain locked. */

/* Fewer, softer triangles in the hero. DNA/waves remain the dominant accent. */
.hero-triangle-field {
  background-size: 1500px auto;
  opacity: .14;
}

.hero-triangle-field-right {
  opacity: .11;
}

/* Services keeps one sparse triangle field plus its existing large DNA wave. */
.services {
  position: relative;
  background: #fff;
}

.services::before {
  position: absolute;
  z-index: 0;
  top: 120px;
  right: -95px;
  width: 580px;
  height: 430px;
  content: "";
  background: url("assets/signature/triangles.svg") center / 1200px auto no-repeat;
  opacity: .12;
  pointer-events: none;
}

.services > .shell {
  position: relative;
  z-index: 1;
}

/* InaRa uses its existing DNA wave instead of another triangle block. */
.brand-panel {
  background: #fff;
}

.brand-panel::after {
  opacity: .28;
}

/* Coverage keeps a single sparse triangular field. */
.coverage-signature {
  background-size: 1400px auto;
  opacity: .13;
}

/* Operations alternates to DNA/wave; only the small photo accent remains triangular. */
.operations {
  background:
    url("assets/signature/wave.svg") right -150px center / 760px auto no-repeat,
    radial-gradient(circle at 12% 90%, rgba(12, 164, 223, .08), transparent 30%),
    #fff;
}

.operations-photo-wave {
  opacity: .46;
}

.operations-photo-triangles {
  background-size: 1180px auto;
  opacity: .2;
}

/* Workspace keeps one restrained triangle cluster. */
.workspace-pattern {
  width: 470px;
  height: 350px;
  background-size: 1100px auto;
  opacity: .13;
}

/* About keeps one sparse cluster, isolated from text. */
.company {
  position: relative;
  background: #fff;
}

.company::before {
  position: absolute;
  z-index: 0;
  top: 190px;
  left: -110px;
  width: 600px;
  height: 460px;
  content: "";
  background: url("assets/signature/triangles.svg") center / 1250px auto no-repeat;
  opacity: .1;
  pointer-events: none;
}

.company > .shell {
  position: relative;
  z-index: 1;
}

/* Insight alternates back to a large, quiet DNA wave. */
.insight {
  background:
    url("assets/signature/wave.svg") right -180px bottom -70px / 780px auto no-repeat,
    #fff;
}

/* Motto retains one subtle triangular field. */
.motto-triangles {
  background-size: 1250px auto;
  opacity: .13;
}

/* Contact closes with DNA/wave only—no additional triangle block. */
.contact {
  background:
    url("assets/signature/wave.svg") -230px 120% / 720px auto no-repeat,
    linear-gradient(180deg, #f4faff, #fff);
}

@media (max-width: 900px) {
  .hero-triangle-field {
    opacity: .11;
  }

  .services::before,
  .company::before {
    opacity: .09;
  }
}

@media (max-width: 620px) {
  .hero-triangle-field {
    background-size: 1250px auto;
    opacity: .09;
  }

  .services::before,
  .company::before {
    width: 420px;
    background-size: 1050px auto;
    opacity: .075;
  }

  .coverage-signature,
  .workspace-pattern,
  .motto-triangles {
    opacity: .1;
  }
}