/* HERO01 changes only the hero and its header signet. */
:root{--hero-style-ready:1}
#reise{position:relative;background:#0f1115;isolation:isolate}
#reise .hero-copy:before{display:none}
.hero-pending #reise h1{clip-path:inset(0 100% 0 0)}
.hero-flight{color:#a7c7e7;position:fixed;left:0;top:0;z-index:42;pointer-events:none;will-change:transform;transform-origin:50% 50%}
.hero-flight svg{display:block;width:100%;height:100%;overflow:visible}
.hero-pixels{position:fixed;inset:0;pointer-events:none;z-index:41}
.hero-clips{position:absolute;width:0;height:0;pointer-events:none;overflow:hidden}
.hero-flight[hidden],.hero-pixels[hidden],#hero-finish[hidden]{display:none}
.preview-tools .rest-tool{display:none}
.below-hero .preview-tools .rest-tool{display:initial}
.below-hero #hero-status{display:none}
body:has(.hero-flight:not([hidden])) .preview-tools .rest-tool{display:none}
body:has(.hero-flight:not([hidden])) #hero-status{display:block}
#hero-status{color:#bccbd8;padding:0 8px;font-size:10px;min-width:110px}

@media(max-width:720px){#hero-status{min-width:0;font-size:9px;padding:0 3px}}
@media(prefers-reduced-motion:reduce){.hero-pending #reise h1{clip-path:none!important}.hero-flight,.hero-pixels{display:none!important}}