/* ==========================================================================
   斎場御嶽 ― 基盤スタイル（リセット・型・ユーティリティ・動き）
   正本：斎場御嶽_断片_王の紅型_2026-06-27.html
   ========================================================================== */
*{box-sizing:border-box}

body{
  margin:0;
  background:var(--ishi);
  color:var(--sumi);
  font-family:var(--font-mincho);
  -webkit-font-smoothing:antialiased;
  text-rendering:optimizeLegibility;
  line-height:var(--lh-body);
}

img,svg{display:block;max-width:100%}

/* ゴシック（ラベル・ナビ・データ）への切替ユーティリティ */
.u{font-family:var(--font-sans)}

/* 版面の共通ラッパ */
.wrap{max-width:var(--maxw);margin:0 auto;padding-left:var(--pad-x);padding-right:var(--pad-x)}

/* --- フォーカス可視（a11y） --- */
a:focus-visible,
button:focus-visible{outline:1px solid var(--shinchu-soft);outline-offset:4px}

/* --- 優美で静かな動き：フェードのみ。reduced-motion を尊重 --- */
.fade{opacity:0;transform:translateY(8px);animation:fadein 1.6s cubic-bezier(.2,.6,.2,1) forwards}
.fade.d1{animation-delay:.15s}
.fade.d2{animation-delay:.4s}
.fade.d3{animation-delay:.65s}
@keyframes fadein{to{opacity:1;transform:none}}
@media (prefers-reduced-motion:reduce){
  .fade{opacity:1;transform:none;animation:none}
}

/* --- 視覚非表示ユーティリティ（a11y／SR・検索エンジンには残す標準クリップ方式。
       display:none・visibility:hidden は不可＝目的が失われる） --- */
.vh{position:absolute!important;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0 0 0 0);clip-path:inset(50%);white-space:nowrap;border:0}