/* ══════════════════════════════════════
   INTRO
══════════════════════════════════════ */
#pg-intro { background:var(--black) }
.intro-word {
  font-family:var(--serif); font-size:clamp(.88rem,1.5vw,1.3rem);
  font-weight:400; font-style:italic; letter-spacing:.06em;
  color:rgba(240,237,230,.8);
  position:absolute; top:50%; left:50%; transform:translate(-50%,-50%);
  opacity:0; transition:opacity .22s ease;
  pointer-events:none; user-select:none; white-space:nowrap;
}
.intro-word.vis { opacity:1 }
.intro-lang {
  position:fixed; bottom:3rem; left:50%; transform:translateX(-50%);
  font-family:var(--mono); font-size:.42rem; letter-spacing:.28em; text-transform:uppercase;
  color:rgba(244,241,234,.14); opacity:0; transition:opacity .25s; white-space:nowrap;
}
.intro-lang.vis { opacity:1 }