/* Independent vector-flow study; no MotionSites assets copied. */
:root{--dt-motion-water-primary:8s;--dt-motion-water-secondary:11s;--dt-water-opacity:.9}
.hero{position:relative;isolation:isolate;overflow:hidden}
.hero-water{position:absolute;inset:0;z-index:0;overflow:hidden;pointer-events:none;opacity:var(--dt-water-opacity)}
.hero>.wrap{position:relative;z-index:1}
.water-sheet{position:absolute;width:130%;height:135%;left:-15%;top:-15%;overflow:visible;transform-origin:50% 70%;will-change:transform}
.water-sheet-a{animation:water-current-a var(--dt-motion-water-primary) ease-in-out infinite alternate}
.water-sheet-b{animation:water-current-b var(--dt-motion-water-secondary) ease-in-out infinite alternate;animation-delay:-4s}
.water-reading-veil{position:absolute;inset:0;background:linear-gradient(90deg,rgba(18,60,46,.35),rgba(18,60,46,.56) 35%,rgba(18,60,46,.12) 68%,transparent)}
@keyframes water-current-a{from{transform:translate3d(-7%,5%,0) rotate(-3deg) scale(1.02)}to{transform:translate3d(8%,-8%,0) rotate(4deg) scale(1.08)}}
@keyframes water-current-b{from{transform:translate3d(8%,-5%,0) rotate(3deg) scale(1.07)}to{transform:translate3d(-8%,8%,0) rotate(-4deg) scale(1.01)}}
.hero.water-paused .water-sheet{animation-play-state:paused;will-change:auto}
.water-toggle{background:transparent;color:var(--dt-color-text-secondary);font-size:12px;line-height:20px;padding:0 8px;min-height:24px;border:1px solid var(--dt-color-border-subtle);border-radius:var(--dt-radius-control);white-space:nowrap}
.preview .wrap{gap:12px}.preview .preview-status{margin-left:auto}
@media(max-width:700px){.hero-water{opacity:.7}.water-sheet{height:65%;top:0;width:170%;left:-35%}.water-reading-veil{background:linear-gradient(180deg,rgba(18,60,46,.4),rgba(18,60,46,.6) 45%,#123c2e 85%)}.water-toggle{margin-left:auto}.preview .wrap>span:first-child{font-size:11px}}
@media(prefers-reduced-motion:reduce){.water-sheet{animation:none;will-change:auto}.water-toggle{display:none}}