/* ============================================================
   Auguri! ─ ローディング「筆で書く」（本番・2026-09-23 高野様「1. 筆で書くで反映してください」）
   ------------------------------------------------------------
   紙の上に、支給ロゴ「Auguri!」を書き順どおりに筆で書く → ロゴの下に細い罫がのび
   「心が動くものと、暮らす。」→ 紙が上へ抜けて TOP があらわれる。
   書き方は 02_demo の案 1（高野様が Codex で改善された描き方）と同じ。

   ・出すのは TOP だけ、同じ訪問（ブラウザのタブを閉じるまで）で最初の 1 回だけ
   ・画面をクリック／タップ、キー、ホイールで、すぐに紙が抜ける
   ・動きを減らす設定の方には、ロゴを静止で見せてすぐ消す
   ・出すかどうかは <head> の小さな script が決めて <html> に .aug-ld を付ける。
     付いていないとき（2 回目以降・JS が動かない・ai 突き合わせ・自動の撮影）は、この面は一切出ない
   仕組みは build/loading.py（HTML と script を TOP に差し込む）
   ============================================================ */

.ld { display: none; }
.aug-ld .ld {
  display: block; position: fixed; inset: 0; z-index: 2147483000;
  cursor: default; -webkit-user-select: none; user-select: none;
}
.ld__paper {
  position: absolute; inset: 0; overflow: hidden;
  background-color: var(--c-ivory);
  background-image: var(--paper-d), var(--paper-l);   /* 紙の粒（paper.css と同じ） */
  background-blend-mode: multiply, screen;
  background-repeat: repeat, repeat;
  will-change: transform;
}
.ld__logo { position: absolute; display: block; will-change: transform, opacity; }
.ld__rule {
  position: absolute; height: 1px; background-color: var(--c-ink);
  transform: scaleX(0) scaleY(.5); transform-origin: 50% 50%;
}
.ld__cap {
  position: absolute; left: 0; right: 0; margin: 0; text-align: center; white-space: nowrap;
  font-family: var(--ff-jp-display); font-weight: var(--fw-jp-display, 400);
  font-feature-settings: "palt"; letter-spacing: .24em; padding-left: .24em;   /* 最後の字のあとの字間ぶん、左にも足して真ん中に */
  color: var(--c-ink); opacity: 0; line-height: 1;
}
@media print { .ld { display: none !important; } }