.hero{position:fixed;inset:0;z-index:0}
.hero svg{width:100%;height:100%;display:block;transition:opacity .6s}
.hero.faint svg{opacity:.14}   /* 手机:人像只做底纹 */
.hero-intro{position:fixed;inset:0;z-index:2;display:grid;place-content:center;text-align:center;pointer-events:none;color:var(--ink);
  transition:opacity .5s ease,filter .5s ease,letter-spacing .6s cubic-bezier(.2,.9,.3,1)}
.hero-intro h1{margin:0;font:400 clamp(60px,12vw,180px)/1 Newsreader,serif;letter-spacing:0;transition:inherit}
.hero-intro p{margin:.6em 0 0;font:400 clamp(15px,1.5vw,22px)/1.5 Newsreader,serif;letter-spacing:.04em;white-space:nowrap;opacity:.8}
@media (max-width:600px){.hero-intro p{white-space:normal;max-width:86vw;margin-inline:auto}}
body:not(.intro) .hero-intro{opacity:0;filter:blur(18px)}
body:not(.intro) .hero-intro h1{letter-spacing:.4em}