/* V15 Goal 2.7 — final desktop micro refinement. */

@media (min-width: 901px) {
  /* Formation: equal columns and fixed media geometry keep captions from resizing frames. */
  .about-formation-right .formation-diptych {
    grid-template-columns: repeat(2, minmax(0, 1fr));
    align-items: start;
  }

  .about-formation-right .formation-diptych figure {
    height: auto;
    grid-template-rows: auto auto;
  }

  .about-formation-right .formation-image-frame {
    width: 100%;
    min-width: 0;
    aspect-ratio: 1.72;
  }

  /* The selected work marker keeps its established readable micro-label size. */
  #cases .section-marker {
    white-space: nowrap;
  }

  /* Twin Orbit: a restrained readability lift at the 1024 desktop floor. */
  #transformation .integration-meta,
  #transformation .integration-artifact .orbit-copy h2 {
    color: #a5a199;
  }

  #transformation .integration-artifact .orbit-copy h2 {
    font-size: .7rem;
  }

  #transformation .integration-artifact .edge-rail li {
    color: #cbc7bc;
    font-size: .8rem;
  }

  /* W3A final — Human-selected Twin Orbit causal polish. The node set,
     ownership model, copy and SVG topology remain unchanged. */
  #transformation .integration-artifact {
    min-height: 38rem;
  }

  #transformation .integration-artifact .asset-core {
    top: 21.5%;
    width: min(15.75rem, 31%);
    padding: 1.1rem 1.05rem .88rem;
    border-color: rgba(247, 243, 234, .24);
    border-block-color: rgba(247, 243, 234, .42);
    background: rgba(16, 17, 16, .84);
  }

  #transformation .integration-artifact .asset-core h2 {
    margin-bottom: 1rem;
    font-weight: 540;
    letter-spacing: .072em;
  }

  #transformation .integration-artifact .asset-core li {
    padding-block: .39rem;
    color: #d0ccc2;
  }

  #transformation .integration-artifact .orbit-copy {
    top: 34.5%;
    width: 11.7rem;
    padding-block: .72rem .86rem;
    border-block-color: rgba(247, 243, 234, .14);
  }

  #transformation .integration-artifact .orbit-risk {
    left: 24.5%;
  }

  #transformation .integration-artifact .orbit-routing {
    right: 24.5%;
  }

  #transformation .integration-artifact .orbit-copy h2 {
    color: #c2beb4;
    font-size: .68rem;
    letter-spacing: .145em;
  }

  #transformation .integration-artifact .orbit-copy h2::after {
    width: 1.75rem;
    margin-block: .72rem .92rem;
    background: rgba(247, 243, 234, .16);
  }

  #transformation .integration-artifact .orbit-copy li {
    color: #c9c5bb;
    font-size: .84rem;
  }

  #transformation .integration-artifact .edge-rail {
    top: 35.2%;
    width: 7.1rem;
  }

  #transformation .integration-artifact .rail-ai {
    left: .25%;
    opacity: .9;
  }

  #transformation .integration-artifact .rail-human {
    right: .25%;
    opacity: .96;
  }

  #transformation .integration-artifact .edge-rail h2 {
    padding-bottom: .72rem;
    color: #b6b2a9;
    font-size: .61rem;
    letter-spacing: .145em;
  }

  #transformation .integration-artifact .edge-rail ul {
    gap: .72rem;
    margin-top: 1.05rem;
  }

  #transformation .integration-artifact .edge-rail li {
    color: #cbc7bc;
    font-size: .75rem;
  }

  #transformation .integration-artifact .learning-field {
    right: 8%;
    bottom: .6rem;
    left: 8%;
    grid-template-columns: .88fr 1.72fr;
    gap: 2.25rem;
    padding-top: 1.05rem;
    border-top-color: rgba(247, 243, 234, .28);
  }

  #transformation .integration-artifact .learning-field h2 {
    color: #bbb7ae;
    font-size: .64rem;
    letter-spacing: .155em;
  }

  #transformation .integration-artifact .learning-items span {
    color: #c5c1b7;
    font-size: .77rem;
  }

  /* Primary causal paths lead; feedback is second; orbit and axis are structure. */
  #transformation .twin-geometry .direction-cue {
    stroke: rgba(247, 243, 234, .82);
    stroke-width: 1.7;
    opacity: 1;
  }

  #transformation .twin-geometry .learning-cue {
    stroke: rgba(247, 243, 234, .7);
    stroke-width: 1.45;
    opacity: 1;
  }

  #transformation .twin-geometry .feedback-cue {
    stroke: rgba(247, 243, 234, .5);
    stroke-width: 1.15;
    stroke-dasharray: 2 5;
    opacity: .9;
  }

  #transformation .twin-geometry .orbit {
    stroke: rgba(247, 243, 234, .25);
    stroke-width: .9;
    opacity: 1;
  }

  #transformation .twin-geometry .orbit-upper {
    opacity: .78;
  }

  #transformation .twin-geometry .axis {
    stroke: rgba(247, 243, 234, .27);
    stroke-width: .85;
  }

  #transformation .twin-geometry marker path {
    stroke: rgba(247, 243, 234, .84);
    stroke-width: 1.25;
  }
}

@media (min-width: 901px) and (max-width: 1100px) {
  #transformation .integration-artifact {
    min-height: 38rem;
  }

  #transformation .integration-artifact .asset-core {
    width: min(16rem, 29%);
  }

  #transformation .integration-artifact .orbit-risk {
    left: 23.5%;
  }

  #transformation .integration-artifact .orbit-routing {
    right: 23.5%;
  }
}

/* Keep the guardrail directly inside the lighter Enterprise route. */
.goal25-lighter-route .goal25-guardrails {
  margin-top: .72rem;
}

@media (min-width: 901px) {
  #featured-case .goal25-lighter-route .goal25-guardrails {
    max-width: 30ch;
  }

  .preview-detail .goal24-detail-route-after .goal25-lighter-route .goal25-guardrails {
    max-width: 27ch;
  }
}