/* 3D ヒーロー全体のコンテナ（画面いっぱいのヒーロー領域） */
#ok-hero-3d {
  position: relative;
  width: 100vw;
  height: 100vh;   /* 古いブラウザ用フォールバック */
  height: 100dvh;  /* アドレスバーを除いた実際の高さ（対応ブラウザで優先） */
  margin-inline: calc(50% - 50vw); /* ブロックテーマでも左右いっぱいに広げる */
  overflow: hidden;

  /* ★ 背景を真っ白に */
  background: #ffffff;
}

/* Three.js の canvas をフィットさせる */
#ok-hero-3d canvas {
  display: block;
  width: 100%;
  height: 100%;
}