/* Native, scroll-responsive material reveal. Existing film remains archived, unloaded. */
.story[data-world=flowtrade] .story-image,.story[data-world=flowtrade] .story-video{display:none}.story[data-world=flowtrade] .story-stage{background:radial-gradient(ellipse at 72% 45%,#12354a 0%,#061921 35%,#020b0f 70%)}.story[data-world=flowtrade] .story-shade{background:linear-gradient(90deg,#020b0ee8,transparent 75%);pointer-events:none}.flow-reveal{position:absolute;left:70%;top:48%;width:min(43vw,650px);aspect-ratio:1;transform:translate(-50%,-50%);perspective:1100px;isolation:isolate}.flow-emblem{position:absolute;inset:7%;transform:rotateY(var(--flow-turn,-12deg)) rotateX(6deg) translateY(var(--flow-rise,0px));transition:transform .4s ease-out;filter:drop-shadow(0 30px 35px #0009);animation:flow-arrive 1.6s cubic-bezier(.16,1,.3,1) both}.flow-emblem img{width:100%;height:100%;object-fit:contain}.flow-glint{position:absolute;inset:0;background:linear-gradient(112deg,transparent 35%,#a7dfff50 44%,#f1ffffd9 49%,#b0e9ff55 52%,transparent 60%);background-size:300% 100%;mask:url('assets/flowtrade.webp') center/contain no-repeat;mix-blend-mode:screen;animation:flow-light 6s ease-in-out infinite;pointer-events:none}.flow-halo{position:absolute;inset:-8%;border-radius:50%;background:radial-gradient(ellipse,#8acdf330,transparent 63%);animation:flow-breathe 7s ease-in-out infinite}.flow-track{position:absolute;left:-12%;right:-12%;top:72%;height:22%;border-radius:50%;border:1px solid #8dcdf028;transform:rotateX(62deg) rotateZ(-12deg);box-shadow:0 0 30px #8ac9f016}.flow-track:nth-child(2){top:77%;left:0;right:0;opacity:.45}.flow-grain{position:absolute;inset:0;background:radial-gradient(circle at 20% 28%,#bbecff 0 1px,transparent 2px),radial-gradient(circle at 80% 60%,#bbecff 0 1px,transparent 2px),radial-gradient(circle at 60% 10%,#bbecff 0 1px,transparent 2px);opacity:.35;animation:flow-breathe 5s ease-in-out infinite}.flow-reveal:not(.active) *{animation-play-state:paused!important}.motion-paused .flow-emblem{transition:none;transform:none}.flow-reveal .flow-caption{position:absolute;bottom:0;left:0;right:0;text-align:center;font-size:8px;letter-spacing:.2em;color:#8fbbd1}.flow-reveal .flow-caption::before{content:'';display:block;width:35px;height:1px;background:#94cbdf55;margin:0 auto 15px}
@keyframes flow-arrive{from{opacity:0;scale:.78;filter:blur(12px)}to{opacity:1;scale:1;filter:blur(0)}}@keyframes flow-light{0%,12%{background-position:160% 0}65%,100%{background-position:-60% 0}}@keyframes flow-breathe{0%,100%{opacity:.4;scale:.96}50%{opacity:.85;scale:1.03}}
@media(max-width:600px){.story[data-world=flowtrade] .story-stage{min-height:820px;background:radial-gradient(ellipse at 50% 28%,#17435a,#061921 35%,#020b0f 65%)}.flow-reveal{left:50%;top:29%;width:min(70vw,310px)}.flow-emblem{inset:4%;transform:rotateY(var(--flow-turn,-8deg)) translateY(var(--flow-rise,0px))}.flow-reveal .flow-caption{bottom:-17px;font-size:6px}.story[data-world=flowtrade] .story-shade{background:linear-gradient(0deg,#020b0f 8%,transparent 65%)}.story[data-world=flowtrade] .story-copy{bottom:100px}.story[data-world=flowtrade] .story-copy h2{font-size:49px}.flow-track{left:-5%;right:-5%}}
@media(max-width:360px){.story[data-world=flowtrade] .story-copy h2{font-size:43px}.flow-reveal{top:28%;width:72vw}}
@media(prefers-reduced-motion:reduce){.flow-reveal *{animation:none!important;transition:none!important}.flow-emblem{opacity:1;transform:none;filter:none}.flow-glint{display:none}}
.motion-paused .flow-emblem{animation:none!important;opacity:1;filter:drop-shadow(0 25px 30px #0009)}
@media(max-width:600px){.story[data-world=flowtrade] .story-shade{background:linear-gradient(0deg,#020b0f 8%,#020b0fe8 38%,#020b0f55 62%,transparent 82%)}}