/* 元の白い筆文字を指定のオレンジの上で、一画ずつ書き出します。 */
.site-intro{display:none}
html.intro-pending,html.intro-pending body{overflow:hidden;overscroll-behavior:none}
.intro-pending .site-intro{position:fixed;inset:0;z-index:100;display:grid;place-items:center;overflow:hidden;background:#ef8e4a;color:#fff;touch-action:manipulation;user-select:none;-webkit-user-select:none}
.intro-lettering{display:block;width:min(520px,68vw);height:auto;overflow:visible}
/* サイトそのものを下から動かし、完了後は通常のスクロールに戻します。 */
.home-surface{background:var(--yellow,#f6cc7a)}
.home-surface>main{background:#fff}
.intro-pending .home-surface{position:relative;z-index:101;visibility:hidden;transform:translate3d(0,100vh,0);transform:translate3d(0,100svh,0);will-change:transform}
.intro-revealing .home-surface{visibility:visible;transform:translate3d(0,0,0);transition:transform 900ms cubic-bezier(.76,0,.24,1)}
@media(max-width:680px){.intro-lettering{width:min(320px,76vw)}}
@media(prefers-reduced-motion:reduce){.intro-pending .site-intro{display:none}.intro-pending .home-surface{visibility:visible;transform:none;transition:none}.intro-pending,html.intro-pending body{overflow:visible}}