/* The marks are emitted only over the white editorial sections. */
.motif-emission{position:fixed;inset:0;z-index:2;pointer-events:none;mix-blend-mode:multiply}
.coin-flight{position:fixed;inset:0;z-index:3;pointer-events:none;overflow:clip;contain:strict}
.coin-flight.over-paper{mix-blend-mode:multiply}
/* This layer is created only for #atelier and clipped to its visible bounds. */
.atelier-coin-fragments{position:fixed;inset:0;z-index:3;pointer-events:none;overflow:clip;contain:strict}
.atelier-fragment-position{position:absolute;left:0;top:0;display:block;will-change:transform;pointer-events:none}
.atelier-coin-fragment{display:block;width:100%;max-width:none;height:auto;transform-origin:center;will-change:translate,rotate;filter:grayscale(1) brightness(.31) contrast(1.12);pointer-events:none;animation:atelier-fragment-drift var(--fragment-drift-duration,9s) ease-in-out var(--fragment-drift-delay,0s) infinite}
@keyframes atelier-fragment-drift{0%,100%{translate:calc(var(--fragment-drift-x,10px)*-.5) calc(var(--fragment-drift-y,14px)*.25);rotate:calc(var(--fragment-drift-angle,3deg)*-.5)}35%{translate:var(--fragment-drift-x,10px) calc(var(--fragment-drift-y,14px)*-1);rotate:var(--fragment-drift-angle,3deg)}70%{translate:calc(var(--fragment-drift-x,10px)*-1) calc(var(--fragment-drift-y,14px)*.5);rotate:calc(var(--fragment-drift-angle,3deg)*-1)}}
.atelier-coin-fragments[hidden] .atelier-coin-fragment,.atelier-fragment-position[hidden] .atelier-coin-fragment,body.dialog-open .atelier-coin-fragment{animation-play-state:paused}
@media(prefers-reduced-motion:reduce){.atelier-coin-fragment{animation:none!important;translate:none;rotate:none}}
.atelier-coin-fragment.coin-shard{clip-path:polygon(24% 6%,74% 5%,48% 51%,27% 86%)}
.travelling-coin{position:absolute;left:0;top:0;transform-origin:center;will-change:transform;pointer-events:none}
.travelling-coin img{display:block;width:100%;height:100%;max-width:none;object-fit:contain}
.coin-flight .coin-breath{filter:grayscale(0) brightness(1) contrast(1);transition:filter .28s ease-out}
.coin-flight.is-graphite .coin-breath{filter:grayscale(1) brightness(.31) contrast(1.12)}
@media(prefers-reduced-motion:reduce){.coin-flight .coin-breath{transition:none}}
.coin-breath{animation:coin-breathe 6.72s ease-in-out infinite!important}
@keyframes coin-breathe{0%,100%{transform:translateY(0) rotate(-.5deg)}50%{transform:translateY(-7px) rotate(.5deg)}}
body.dialog-open .coin-flight,body.dialog-open .motif-emission,body.dialog-open .atelier-coin-fragments{visibility:hidden}
/* Share the page stack so the travelling artwork stays behind the typography. */
.hero{isolation:auto}
.hero-art{z-index:0}
.hero:after{z-index:1}
.hero-copy,.hero-bottom{z-index:4}
.story-section>*,.vision-section>*,.token-section>*,.roadmap-section>*,.faq-section>*{position:relative;z-index:4}
.atelier-section>.wrap,.join-copy,.site-footer{position:relative;z-index:4}