/* IRMÖ IT | Marken-Intro */
.intro{--r:0vmax;position:fixed;inset:0;z-index:200;background:#0F1419;color:#fff;display:grid;place-items:center;cursor:pointer;
  -webkit-mask:radial-gradient(circle at 50% 50%,transparent var(--r),#000 calc(var(--r) + 1px));
  mask:radial-gradient(circle at 50% 50%,transparent var(--r),#000 calc(var(--r) + 1px))}
html.intro-on,html.intro-on body{overflow:hidden}
.intro-grid{position:absolute;inset:0;opacity:0;pointer-events:none;
  background-image:linear-gradient(#1A222A 1px,transparent 1px),linear-gradient(90deg,#1A222A 1px,transparent 1px);
  background-size:64px 64px;background-position:center;
  -webkit-mask:radial-gradient(circle at 50% 50%,#000 0,transparent 70%);mask:radial-gradient(circle at 50% 50%,#000 0,transparent 70%)}
.intro-stage{position:relative;display:flex;flex-direction:column;align-items:center;gap:clamp(18px,3vh,30px);padding:24px}
.intro-sym{width:clamp(140px,22vmin,240px);height:auto;overflow:visible}
.intro-wm{display:flex;align-items:baseline;gap:.28em;font-family:'Manrope',system-ui,sans-serif;font-size:clamp(2.6rem,7vmin,4.6rem);line-height:1;letter-spacing:-.01em}
.intro-wm .w1{display:inline-flex;font-weight:800;overflow:hidden;padding-top:.32em;margin-top:-.32em}
.intro-wm .w1>span{display:inline-block}
.intro-wm .o{position:relative}
.intro-wm .o i{position:absolute;top:-.2em;width:.16em;height:.16em;border-radius:50%;background:#00E5E2}
.intro-wm .o i:first-child{left:.19em}.intro-wm .o i:last-child{right:.19em}
.intro-wm .w2{font-weight:200}
.intro-skip{position:absolute;right:max(20px,env(safe-area-inset-right));bottom:max(20px,env(safe-area-inset-bottom));font:500 .85rem 'Manrope',system-ui,sans-serif;color:#C9D0D5;background:transparent;border:1px solid #374151;border-radius:8px;padding:10px 14px;cursor:pointer}
.intro-skip:hover,.intro-skip:focus-visible{color:#fff;border-color:#9CA3AF;outline:none}
@media (prefers-reduced-motion:reduce){.intro{display:none}}