/* Úvodní animace (Obsah webu → Úvod → Úvodní animace). Jednou za kartu prohlížeče, ne při omezení pohybu. */
.site-intro{display:none!important;position:fixed;inset:0;z-index:10000;place-items:center;overflow:hidden;background:#090909;color:#fff}
html[data-dicrema-intro=active]{overflow:hidden}html[data-dicrema-intro=active] .site-intro{display:grid!important}
.intro-brand{display:flex;align-items:center;gap:20px;font:900 clamp(40px,7vw,96px)/1 Arial,sans-serif;letter-spacing:-.06em;animation:introBrand 3.4s cubic-bezier(.75,0,.15,1) forwards}
.intro-bulb{width:clamp(60px,8vw,110px);height:clamp(80px,10vw,145px);object-fit:cover;object-position:left center;filter:drop-shadow(0 0 0 #ffc400);animation:introBulb 3.4s cubic-bezier(.75,0,.15,1) forwards}
.intro-name{animation:introName 3.4s linear forwards}.intro-flare{position:absolute;inset:-35%;background:radial-gradient(circle,#fff7bd 0,#ffc400 10%,rgba(255,196,0,.2) 24%,transparent 55%);opacity:0;animation:introFlare 3.4s ease-in forwards}
.intro-skip{position:absolute;right:24px;bottom:24px;border:1px solid currentColor;background:transparent;color:inherit;padding:10px 16px;cursor:pointer;z-index:2}
@keyframes introBrand{0%,18%{transform:scale(.82);opacity:0}28%,54%{transform:scale(1);opacity:1}68%{transform:translateX(4vw) scale(1.12)}91%{transform:translateX(30vw) scale(24);opacity:1}100%{transform:translateX(35vw) scale(40);opacity:0}}
@keyframes introBulb{0%,54%{filter:drop-shadow(0 0 0 #ffc400)}70%{filter:drop-shadow(0 0 12px #ffc400)}92%{filter:drop-shadow(0 0 28px #fff0a0)}100%{filter:drop-shadow(0 0 42px #fff)}}
@keyframes introName{0%,39%{color:#fff}48%,64%{color:#090909}74%,100%{opacity:0}}
@keyframes introFlare{0%,73%{opacity:0}88%{opacity:1}100%{opacity:0}}
.site-intro{animation:introScene 3.4s linear forwards}@keyframes introScene{0%,38%{background:#090909;color:#fff}50%,90%{background:#fff;color:#090909}99%{opacity:1;visibility:visible}100%{opacity:0;visibility:hidden}}
@media(max-width:620px){.intro-brand{gap:10px}.intro-bulb{width:52px;height:72px}.intro-name{font-size:42px}}
@media(prefers-reduced-motion:reduce){html[data-dicrema-intro=active] .site-intro{display:none!important}html[data-dicrema-intro=active]{overflow:auto}}