/* Approach copy rises one natural line at a time, within quiet word masks. */
.approach-entry-mask { display: inline-block; vertical-align: bottom; overflow: clip; padding-block: .08em; margin-block: -.08em; }
.approach-entry-word { display: inline-block; }
.detail-entry-ready [data-detail-entry="approach"] .approach-entry-word {
  transition: translate .95s cubic-bezier(.16,1,.3,1) var(--detail-line-delay,0ms), opacity .65s ease var(--detail-line-delay,0ms);
}
.detail-entry-ready [data-detail-entry="approach"]:not(.is-detail-entered) .approach-entry-word { translate: 0 110%; opacity: 0; }

/* Animate the existing separators; the row's current content fade is untouched. */
.detail-entry-ready [data-detail-entry="pricing-rule"] { border-top-color: transparent; }
.detail-entry-ready [data-detail-entry="pricing-rule"]:last-child { border-bottom-color: transparent; }
.detail-entry-ready [data-detail-entry="pricing-rule"]::after {
  content: ''; position: absolute; inset: -1px 0; pointer-events: none;
  border-top: 1px solid #012bba35; transform: scaleX(0); transform-origin: left;
  transition: transform 1.15s cubic-bezier(.16,1,.3,1);
}
.detail-entry-ready [data-detail-entry="pricing-rule"]:last-child::after { border-bottom: 1px solid #012bba35; }
.detail-entry-ready [data-detail-entry="pricing-rule"].is-detail-entered::after { transform: scaleX(1); }

/* Details follow the footer's existing headline reveal, retaining link styling. */
.detail-entry-ready :is([data-detail-entry="footer"],[data-detail-entry="footer-email"]) {
  transition: opacity .7s cubic-bezier(.16,1,.3,1) var(--detail-delay,0ms), translate .9s cubic-bezier(.16,1,.3,1) var(--detail-delay,0ms);
}
.detail-entry-ready :is([data-detail-entry="footer"],[data-detail-entry="footer-email"]):not(.is-detail-entered) { opacity: 0; translate: 0 16px; }
.detail-entry-ready [data-detail-entry="footer"].is-detail-entered { opacity: 1; translate: none; }
.detail-entry-ready [data-detail-entry="footer-email"].is-detail-entered { opacity: .75; translate: none; }

@media (prefers-reduced-motion: reduce), print {
  .detail-entry-ready [data-detail-entry="approach"] .approach-entry-word { translate: none !important; opacity: 1 !important; transition: none; }
  .detail-entry-ready [data-detail-entry="pricing-rule"]::after { transform: none; transition: none; }
  .detail-entry-ready :is([data-detail-entry="footer"],[data-detail-entry="footer-email"]) { translate: none !important; opacity: 1 !important; transition: none; }
}