/* Identity layer leaves the live model, copy and native gestures available. */
#intro{position:absolute;inset:0 0 auto;min-height:75px;padding:10px 90px 10px 16px;justify-content:center;background:linear-gradient(90deg,transparent,#050708a6 28%,#050708a6 72%,transparent);pointer-events:none;opacity:0;transform:translateY(8px);}
#intro.brand-intro-playing{animation:aerolith-brand-moment 2.6s ease both;}
#intro p{font-size:clamp(18px,2vw,25px);font-weight:400;line-height:1.3;letter-spacing:.3em;margin:0 0 10px;color:#eef4f3;text-shadow:0 0 30px #9bd1dc26;}
#intro span{font:10px/1.5 ui-monospace,SFMono-Regular,monospace;letter-spacing:.2em;color:#a7bbc1;}
#skip-intro{bottom:20px;right:20px;font-size:12px;min-height:44px;pointer-events:auto;}
/* Neutralize legacy intro rules without making the page depend on JS. */
body.intro-active .copy-region{opacity:1;}body.intro-active{overflow:visible;overflow-x:clip;}
@keyframes aerolith-brand-moment{0%{opacity:0;transform:translateY(8px)}16%,76%{opacity:1;transform:translateY(0)}100%{opacity:0;transform:translateY(-4px)}}
@media(max-width:600px){#intro{top:0;bottom:auto;min-height:60px;padding:8px 76px 8px 10px;}#intro p{font-size:18px;letter-spacing:.23em;}#intro span{font-size:9px;letter-spacing:.12em;}#skip-intro{right:8px;bottom:6px;font-size:11px;padding:8px;}}
@media(prefers-reduced-motion:reduce){#intro{display:none!important;animation:none!important;}}