/* A brief original opening cue for the site’s field-system motion language. */
.intro { position:fixed; inset:0; z-index:40; background:#312951; color:#edf4eb; padding:5.5vw; display:flex; flex-direction:column; justify-content:space-between; pointer-events:none; transition:clip-path .75s cubic-bezier(.76,0,.24,1), visibility .75s; clip-path:inset(0); }
.intro-top,.intro-bottom { display:flex; align-items:center; justify-content:space-between; font:500 8px var(--mono); letter-spacing:1.2px; }
.intro-mark { position:absolute; left:50%; top:47%; translate:-50% -50%; width:min(34vw,440px); aspect-ratio:1; border-radius:50%; border:1px solid #00ffec; display:grid; place-items:center; }
.intro-mark i { position:absolute; border-radius:50%; border:1px solid #ceff00; animation:introOrbit 1s ease-in-out infinite alternate; }
.intro-mark i:nth-child(1){width:70%;aspect-ratio:1}.intro-mark i:nth-child(2){width:44%;aspect-ratio:1;animation-delay:.1s}.intro-mark i:nth-child(3){width:18%;aspect-ratio:1;background:#ff2247;border-color:#ff2247;animation-delay:.2s}
.intro-word { position:absolute; left:50%; top:50%; translate:-50% -50%; width:100%; text-align:center; font:800 clamp(52px,9vw,150px)/.78 var(--display); letter-spacing:-.1em; }
.intro-word em { font-family:Georgia,serif; font-weight:400; color:#00ffec; }
.intro-bottom b { display:block; width:120px; height:1px; background:linear-gradient(90deg,#00ffec 0 65%,#edf4eb44 65%); }
body.loaded .intro { clip-path:inset(0 0 100% 0); visibility:hidden; }
@keyframes introOrbit { to { transform:scale(.9) rotate(18deg); opacity:.5; } }
@media(max-width:700px){.intro{padding:7vw}.intro-mark{width:66vw}.intro-top,.intro-bottom{font-size:6px}.intro-bottom b{width:68px}}
@media(prefers-reduced-motion:reduce){.intro-mark i{animation:none}.intro{transition-duration:.15s}}