/* Decorative flow fields: content and native controls stay above the canvas. */
:root {
  --wave-blue: 62, 115, 205;
  --wave-line-opacity: .3;
  --wave-field-height: 440px;
}
[data-wave-field] { position: relative; isolation: isolate; }
[data-wave-field="light"] { --wave-line-opacity: .3; }
#service-change[data-wave-field] { background: linear-gradient(180deg, #fff, #f2f6fc 45%, #fff); }
.consulting-hero > [data-wave-field], .video-hero > [data-wave-field], .security-hero-copy[data-wave-field] { --wave-field-height: 100%; }
.service-wave-canvas { position: absolute; inset: 0 0 auto; width: 100%; height: min(100%, var(--wave-field-height)); z-index: -1; pointer-events: none; }
[data-wave-field="dark"] { --wave-blue: 161, 203, 255; --wave-line-opacity: .65; --wave-field-height: 100%; }
.service-hero[data-wave-field] > .service-wave-canvas { z-index: 1; }
.service-hero[data-wave-field] .site-wrap { z-index: 2; }
.service-hero[data-wave-field]::after { pointer-events: none; }
#service-delivery[data-wave-field] { background: linear-gradient(180deg, #edf3fc, var(--site-surface-soft)); }
#service-delivery[data-wave-field] .site-wrap { position: relative; z-index: 1; }
#service-delivery[data-wave-field] .model-pipeline { position: relative; background: var(--site-surface-soft); }
.story-contact[data-wave-field] { background: linear-gradient(180deg, #edf3fc, #f7f9fc); }
.story-contact[data-wave-field] > .site-wrap { position: relative; z-index: 1; }
@media (max-width: 760px) {
  [data-wave-field] { --wave-line-opacity: .2; }
}