.intro{z-index:50;background:#070606;place-items:center;transition:opacity 1.1s cubic-bezier(.4,0,.2,1),visibility 1.1s;display:grid;position:fixed;inset:0}.intro .mark{justify-items:center;gap:12px;animation:1s cubic-bezier(.16,1,.3,1) both introFade;display:grid;position:relative}.intro svg{width:clamp(64px,7vw,92px);height:auto;transition:transform 1s cubic-bezier(.7,0,.2,1),filter .7s;overflow:visible}.intro .mark:before{content:"";opacity:0;pointer-events:none;background:radial-gradient(closest-side,#e0272373,#e0272300);border-radius:50%;width:220px;height:220px;margin:-110px 0 0 -110px;transition:opacity .6s,transform 1s cubic-bezier(.22,1,.36,1);position:absolute;top:50%;left:50%;transform:scale(.6)}.intro.done .mark:before{opacity:1;transform:scale(1)}.intro.done svg{transform:scale(1.08)}.intro.gone svg{transform:scale(1.5)}.intro span{letter-spacing:.14em;color:#8f8a86;font-size:11px}.intro.gone{opacity:0;visibility:hidden}@keyframes introFade{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:none}}@media (prefers-reduced-motion:reduce){.intro{display:none}}.intro.resume .mark{animation:none}