/* Opening of the home page (intro.js): dark green screen, the logo fades in alone, then the site appears. */
.intro{display:none}
html.intro-on,html.intro-on body{background:#003928}
html.intro-on .intro,.intro.out{position:fixed;inset:0;z-index:2147483000;display:flex;align-items:center;justify-content:center;background:#003928;animation:intro-safety .4s 6s forwards}
.intro.out{opacity:0;pointer-events:none;transition:opacity .8s cubic-bezier(.4,0,.2,1)}
.intro.out.fast{transition-duration:.4s}
@keyframes intro-safety{to{opacity:0;visibility:hidden}}
.intro-mark{width:clamp(240px,72vw,420px);opacity:0}
.intro-mark img{display:block;width:100%;height:auto}
.intro.go .intro-mark{animation:intro-logo 3s cubic-bezier(.4,0,.2,1) forwards}
@keyframes intro-logo{0%,10%{opacity:0;transform:scale(.97)}38%,78%{opacity:1;transform:none}100%{opacity:0;transform:none}}
@media (prefers-reduced-motion:reduce){.intro.go .intro-mark{animation:intro-calm .6s ease forwards}}
@keyframes intro-calm{to{opacity:1}}