/* MS-Video-Intro: Flow-Video, danach gleitet das echte Logo in den Header. */
html.msi-active{overflow:hidden}
html.msi-active .brand-logo{visibility:hidden}
#ms-intro{position:fixed;inset:0;z-index:2000;overflow:hidden;cursor:pointer;-webkit-tap-highlight-color:transparent;background:#14181a}
#ms-intro .msi-bg{position:absolute;inset:0;background:linear-gradient(180deg,#14181a 0%,#181c1f 45%,#2a2e32 100%)}
#ms-intro .msi-video{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);display:block;background:transparent;object-fit:fill;pointer-events:none}
#ms-intro.msi-contain .msi-video{-webkit-mask-image:linear-gradient(180deg,transparent 0,#000 9%,#000 91%,transparent 100%);mask-image:linear-gradient(180deg,transparent 0,#000 9%,#000 91%,transparent 100%)}
#ms-intro .msi-logo{position:absolute;opacity:0;transform-origin:0 0;pointer-events:none;will-change:transform,opacity}
#ms-intro .msi-hint{position:absolute;left:0;right:0;bottom:max(22px,calc(env(safe-area-inset-bottom) + 14px));margin:0;text-align:center;color:#f7f6f3;opacity:.5;font:500 13px/1.4 Barlow,Arial,sans-serif;letter-spacing:.06em;pointer-events:none}
#ms-intro .msi-sound{position:absolute;right:max(18px,calc(env(safe-area-inset-right) + 12px));bottom:max(16px,calc(env(safe-area-inset-bottom) + 10px));display:inline-flex;align-items:center;gap:8px;min-height:44px;padding:0 16px 0 12px;border:1px solid #c45d24;border-radius:22px;background:#14181acc;color:#f7f6f3;font:600 14px/1 Barlow,Arial,sans-serif;letter-spacing:.04em;cursor:pointer;-webkit-appearance:none;appearance:none;animation:msiPulse 2.2s ease-in-out infinite}
#ms-intro .msi-sound svg{width:20px;height:20px;fill:none;stroke:#c45d24;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
#ms-intro .msi-sound:hover,#ms-intro .msi-sound:focus-visible{background:#c45d2440;outline:none}
#ms-intro .msi-sound[hidden]{display:none}
@keyframes msiPulse{0%,100%{box-shadow:0 0 0 0 #c45d2455}50%{box-shadow:0 0 0 14px #c45d2400}}
/* Funkeln beim Einrasten im Header */
.msi-spark{position:fixed;z-index:2001;width:10px;height:10px;margin:-5px 0 0 -5px;pointer-events:none;background:radial-gradient(circle,#fff8e6 0,#ffc04d 38%,#f0902000 72%);border-radius:50%;filter:drop-shadow(0 0 3px #ffb02e)}
.msi-spark.star{background:none}
.msi-spark.star:before,.msi-spark.star:after{content:'';position:absolute;left:50%;top:50%;background:linear-gradient(90deg,#f0a03000,#ffcf5a,#f0a03000);transform:translate(-50%,-50%)}
.msi-spark.star:before{width:100%;height:2px}
.msi-spark.star:after{width:2px;height:100%;background:linear-gradient(180deg,#f0a03000,#ffcf5a,#f0a03000)}
@media(prefers-reduced-motion:reduce){#ms-intro{display:none}html.msi-active{overflow:auto}html.msi-active .brand-logo{visibility:visible}}
@media(max-width:520px){#ms-intro .msi-hint{bottom:max(76px,calc(env(safe-area-inset-bottom) + 70px))}}