/* Scoped welcome layer. The existing page retains its original styling. */
#welcome-intro{display:none}
html.welcome-pending,html.welcome-pending body{overflow:hidden;overscroll-behavior:none}
.welcome-pending #welcome-intro{display:grid;place-items:center;position:fixed;inset:0;z-index:1000;width:100%;height:100vh;height:100dvh;background:#191b1a;color:#f7f7f2;overflow:hidden;touch-action:none;will-change:transform}
.welcome-greeting{display:block;max-width:94vw;text-align:center;font-family:Arial,Helvetica,'Yu Gothic','Hiragino Kaku Gothic ProN',Meiryo,'Noto Sans JP',sans-serif;font-size:clamp(32px,6vw,88px);font-weight:400;line-height:1.3;letter-spacing:-.045em;white-space:nowrap;will-change:transform,opacity}
/* Let the existing hero entrance begin when its cover lifts. */
.welcome-pending .hero h1{animation-play-state:paused}
@media(max-width:650px){.welcome-greeting{font-size:clamp(32px,10vw,48px)}}
@media(prefers-reduced-motion:reduce){.welcome-pending #welcome-intro{display:none}html.welcome-pending,html.welcome-pending body{overflow:revert}}