/* Soft section apertures and staggered editorial entrances, without moving layout. */
.flow-window{clip-path:inset(0 var(--flow-inset,0%) round var(--flow-radius,0px));}
.flow-reveal{opacity:0;translate:0 30px;transition:opacity .9s cubic-bezier(.22,1,.36,1),translate 1.15s cubic-bezier(.22,1,.36,1);transition-delay:var(--flow-delay,0ms)}
.flow-reveal.flow-visible{opacity:1;translate:0 0}
:is(.portal-copy,.destination-title,.aircraft-banner-copy,.next-flight-copy)>.flow-reveal{translate:0 48px;transition-duration:1.1s,1.4s}
:is(.portal-copy,.destination-title,.aircraft-banner-copy,.next-flight-copy)>.flow-visible{translate:0 0}
.reading-list>details.flow-reveal,.faq-list>details.flow-reveal{translate:0 20px}
.reading-list>details.flow-visible,.faq-list>details.flow-visible{translate:0 0}
.flow-reveal:focus-within{opacity:1;translate:0 0;transition-delay:0ms}
@media(max-width:700px){.flow-reveal{translate:0 20px;transition-duration:.75s,.95s}:is(.portal-copy,.destination-title,.aircraft-banner-copy,.next-flight-copy)>.flow-reveal{translate:0 30px}:is(.portal-copy,.destination-title,.aircraft-banner-copy,.next-flight-copy)>.flow-visible{translate:0 0}}
@media(prefers-reduced-motion:reduce){.flow-window{clip-path:none}.flow-reveal,.flow-reveal.flow-visible{opacity:1;translate:none!important;transition:none!important}}
@media print{.flow-window{clip-path:none}.flow-reveal{opacity:1;translate:none!important}}

.flow-caption{translate:0 var(--flow-drift,0px)}
.flow-image{scale:var(--flow-scale,1);transform-origin:center}
@media(prefers-reduced-motion:reduce){.flow-caption{translate:none}.flow-image{scale:none}}

/* The dark aircraft page uses a full-width downward reveal rather than lateral framing. */
.flow-vertical{clip-path:inset(0 0 calc(var(--flow-reveal,0)*100%) 0)}
.flow-vertical .flow-image{translate:0 calc(var(--flow-reveal,0)*-35px);scale:1.025}
.flow-vertical:focus-within{clip-path:none}
@media(max-width:700px){.flow-vertical .flow-image{translate:0 calc(var(--flow-reveal,0)*-20px)}}
@media(prefers-reduced-motion:reduce){.flow-vertical{clip-path:none}.flow-vertical .flow-image{translate:none;scale:none}}
@media print{.flow-vertical{clip-path:none}.flow-vertical .flow-image{translate:none;scale:none}}
