/* Approved full-screen mobile opening; inline markup remains the no-script fallback. */
@media(max-width:760px){
  :is(#mobile-home,#wordmark-intro) .hero{--light:0;height:calc(100svh - 58px);min-height:400px;background:#132d58}
  /* no light behind the wordmark (owner, 13 Oct 2026) */
  :is(#mobile-home,#wordmark-intro) .hero .opening-canvas{position:absolute;inset:0;width:100%;height:100%;opacity:0;pointer-events:none}
  :is(#mobile-home,#wordmark-intro) .hero .hero-identity{position:absolute;inset:0;text-align:center;pointer-events:none}
  :is(#mobile-home,#wordmark-intro) .hero h1{position:absolute;left:0;right:0;top:46%;margin:0;transform:translateY(-50%);font:700 clamp(40px,18.4vw,140px)/1.1 "Space Grotesk",sans-serif;letter-spacing:-.03em;white-space:nowrap;color:#67a4ff}
  /* The wordmark in one solid blue, no gradient (owner, 13 Oct 2026); the invisible baseline probe is a sibling. */
  :is(#mobile-home,#wordmark-intro) .opening-glyphs{display:inline-block}
  :is(#mobile-home,#wordmark-intro) .opening-baseline{visibility:hidden;display:inline-block;width:0;height:0;vertical-align:baseline;letter-spacing:0}
  :is(#mobile-home,#wordmark-intro) .hero .opening-tag{position:absolute;left:20px;right:20px;top:calc(46% + 76px);margin:0;text-align:center;font:600 clamp(17px,4.2vw,28px)/1.35 "IBM Plex Sans",sans-serif;letter-spacing:.025em;color:#bdd0ed}
  :is(#mobile-home,#wordmark-intro) .opening-tag span{display:inline-block}
  :is(#mobile-home,#wordmark-intro) .hero.is-opening h1,:is(#mobile-home,#wordmark-intro) .hero.is-opening .opening-tag span{opacity:0}
  :is(#mobile-home,#wordmark-intro) .hero.is-opening .opening-canvas{opacity:1}
}

@media(max-width:760px){
  html.is-wordmark-intro{scrollbar-gutter:auto}
  html.is-wordmark-intro,html.is-wordmark-intro body{overflow:hidden;overscroll-behavior:none}
  #wordmark-intro{position:fixed;inset:0;z-index:10000;background:#132d58;touch-action:none;opacity:1;transition:opacity 180ms ease}
  #wordmark-intro.is-leaving{opacity:0}
  #wordmark-intro .hero{position:absolute;inset:0;width:100%;height:100%;min-height:0;overflow:hidden;isolation:isolate}
}
@media(prefers-reduced-motion:reduce){
  #wordmark-intro{transition:none}
}