/* Opening animation: about 2.6 s, once per visit, skippable */
#intro{position:fixed;inset:0;z-index:9999;pointer-events:auto;cursor:pointer}
#intro .ip{position:absolute;left:0;right:0;height:50.5%;background:#0B2B26}
#intro .ip.t{top:0}#intro .ip.b{bottom:0}
#intro svg{position:absolute;left:50%;top:50%;width:min(420px,72vw);transform:translate(-50%,-60%);overflow:visible}
#intro .itag{position:absolute;left:0;right:0;top:calc(50% + min(70px,12vw));text-align:center;font:500 clamp(15px,2.2vw,20px) var(--text,system-ui);letter-spacing:.2em;text-transform:uppercase;color:#C5D8CE;opacity:0}
#intro .iskip{position:absolute;right:max(16px,env(safe-area-inset-right,0px));bottom:calc(16px + env(safe-area-inset-bottom,0px));font:500 13px var(--text,system-ui);color:#C5D8CE;opacity:.7;background:none;border:0;cursor:pointer;padding:8px}
html.intro-on body{overflow:hidden}