/* Selected wave and flowing light hero. Matches the approved flow preview. */
html[data-hero="flow"] .hero-horizon{background:#091522;isolation:isolate}
html[data-hero="flow"] .sky-scene{position:absolute;inset:0;z-index:0;overflow:hidden;pointer-events:none}
html[data-hero="flow"] .sky-scene__image{inset:-10%;background:url('/assets/sky-atmosphere.webp') center 56%/cover no-repeat;animation:kinetic-sky 34s ease-in-out infinite alternate;will-change:transform}
html[data-hero="flow"] .sky-scene__clouds{inset:-10%;background:url('/assets/sky-atmosphere.webp') 73% 32%/cover no-repeat;opacity:.32;filter:blur(10px) saturate(.7);mask-image:linear-gradient(90deg,transparent 31%,#000 62%);animation:kinetic-clouds 34s ease-in-out infinite alternate;will-change:transform}
html[data-hero="flow"] .sky-scene__light{background:radial-gradient(ellipse 40% 65% at 81% 47%,rgba(185,207,222,.29),transparent 72%);mix-blend-mode:screen;animation:kinetic-light 17s ease-in-out infinite alternate}
html[data-hero="flow"] .sky-scene__shade{background:linear-gradient(90deg,rgba(4,15,28,.82) 0%,rgba(6,20,35,.74) 36%,rgba(7,24,39,.53) 69%,rgba(7,24,39,.38) 100%),linear-gradient(0deg,rgba(7,20,34,.53),transparent 59%)}
html[data-hero="flow"] .visual-monument{z-index:1}
html[data-hero="flow"] .monument-content{z-index:3}
.wave-contours{position:absolute;inset:0;width:100%;height:100%;z-index:1;overflow:visible;pointer-events:none;opacity:.035;mask-image:linear-gradient(90deg,transparent 29%,#000 60%,#000 98%);will-change:opacity}
.wave-contours g{fill:none;stroke:url('#kinetic-ink');stroke-width:1.05;stroke-linecap:round;stroke-linejoin:round}
html[data-hero="flow"] .wave-contours g{stroke-width:1.18}
html[data-hero="flow"] .arch-back{animation:geometry-back 24s ease-in-out infinite alternate}
html[data-hero="flow"] .arch-mid{animation:geometry-mid 21s ease-in-out infinite alternate}
html[data-hero="flow"] .arch-front{animation:geometry-front 18s ease-in-out infinite alternate}
html[data-hero="flow"] .monument-axis{animation:geometry-axis 12s ease-in-out infinite}
@media(max-width:620px){
  .wave-contours{mask-image:linear-gradient(90deg,transparent 30%,transparent 48%,#000 78%,#000 100%)}
}
@media(prefers-reduced-motion:reduce){
  html[data-hero="flow"] :is(.sky-scene__image,.sky-scene__clouds,.sky-scene__light,.arch-back,.arch-mid,.arch-front,.monument-axis){animation:none!important;transform:none!important}
}

.sky-scene__image,.sky-scene__clouds,.sky-scene__light,.sky-scene__shade{position:absolute;inset:0}
@keyframes geometry-back{from{transform:skewY(-5deg) translate3d(-6px,3px,0)}to{transform:skewY(-5deg) translate3d(7px,-3px,0)}}
@keyframes geometry-mid{from{transform:skewY(-5deg) translate3d(6px,-2px,0)}to{transform:skewY(-5deg) translate3d(-6px,3px,0)}}
@keyframes geometry-front{from{transform:skewY(-5deg) translate3d(-4px,2px,0)}to{transform:skewY(-5deg) translate3d(5px,-2px,0)}}
@keyframes geometry-axis{0%,100%{opacity:.38;box-shadow:0 0 12px 3px rgba(182,209,223,.06)}48%{opacity:.75;box-shadow:0 0 32px 7px rgba(192,174,151,.12)}}
@keyframes kinetic-sky{0%,20%{transform:translate3d(-3%,1%,0) scale(1.08)}36%{transform:translate3d(2%,-1%,0) scale(1.13)}60%,76%{transform:translate3d(3%,-2%,0) scale(1.16)}100%{transform:translate3d(-2%,1%,0) scale(1.10)}}
@keyframes kinetic-clouds{0%,19%{transform:translate3d(-5%,0,0) scale(1.08)}35%{transform:translate3d(1%,-1%,0) scale(1.14)}65%,77%{transform:translate3d(5%,1%,0) scale(1.16)}100%{transform:translate3d(-3%,-1%,0) scale(1.11)}}
@keyframes kinetic-light{0%{opacity:.36;transform:translate3d(-3%,1%,0)}55%{opacity:.8;transform:translate3d(2%,-1%,0)}100%{opacity:.5;transform:translate3d(-1%,0,0)}}