/*
 * MAG BASE KOGA — 画像スロット定義 v3.0 (ローカル画像版)
 *
 * ■ 写真はすべて assets/img/ にローカル保存済み（外部ホットリンク完全廃止）
 *   保存元: Pexels (https://www.pexels.com/)
 *   ライセンス: Pexels License — 商用利用可・帰属表記不要
 *
 * ■ フォールバック設計
 *   各変数は「ローカル写真 URL, インライン SVG フォールバック」の多層 background-image。
 *   写真が読み込めない場合、下層のオリジナル SVG が表示されるため
 *   「壊れた空白」は絶対に出ない。
 *
 * ■ 図解系 SVG（結晶格子・断面・工具パス等）は写真に置き換えず維持する。
 *   --img-boring-bar / --img-material-mg は図解なので写真化しない。
 */

:root {

  /* =====================================================================
   * HERO — CNC切削 クーラント飛沫（暗幕オーバーレイ前提）
   * ローカル: assets/img/hero.jpg  [139 KB, Pexels ID: 8865187]
   * ===================================================================== */
  --img-hero:
    url("img/hero.jpg"),
    url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='1800' height='900' viewBox='0 0 1800 900'%3E%3Crect width='1800' height='900' fill='%231C2530'/%3E%3Cdefs%3E%3Cpattern id='grid-h' width='60' height='60' patternUnits='userSpaceOnUse'%3E%3Cpath d='M 60 0 L 0 0 0 60' fill='none' stroke='%23243040' stroke-width='1'/%3E%3C/pattern%3E%3C/defs%3E%3Crect width='1800' height='900' fill='url(%23grid-h)'/%3E%3Ccircle cx='1100' cy='450' r='320' fill='none' stroke='%232D6CA2' stroke-width='0.8' opacity='0.25'/%3E%3Ccircle cx='1100' cy='450' r='240' fill='none' stroke='%232D6CA2' stroke-width='0.8' opacity='0.30'/%3E%3Ccircle cx='1100' cy='450' r='160' fill='none' stroke='%232D6CA2' stroke-width='1' opacity='0.35'/%3E%3Ccircle cx='1100' cy='450' r='80' fill='none' stroke='%232D6CA2' stroke-width='1.2' opacity='0.45'/%3E%3Ccircle cx='1100' cy='450' r='20' fill='%232D6CA2' opacity='0.35'/%3E%3Cpath d='M 300 200 Q 600 180 800 350 Q 950 480 1100 450 Q 1250 420 1380 500 Q 1500 560 1600 520' fill='none' stroke='%232D6CA2' stroke-width='1.8' opacity='0.55'/%3E%3C/svg%3E");

  /* =====================================================================
   * ABOUT / 設備全景 — 製造工場フロア全景（CNC機列）
   * ローカル: assets/img/plant.jpg  [294 KB, Pexels ID: 34718922]
   * ===================================================================== */
  --img-about:
    url("img/plant.jpg"),
    url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='1200' height='600' viewBox='0 0 1200 600'%3E%3Crect width='1200' height='600' fill='%23ECEEF0'/%3E%3Cdefs%3E%3Cpattern id='grid-a' width='40' height='40' patternUnits='userSpaceOnUse'%3E%3Cpath d='M 40 0 L 0 0 0 40' fill='none' stroke='%23D8DCE0' stroke-width='1'/%3E%3C/pattern%3E%3C/defs%3E%3Crect width='1200' height='600' fill='url(%23grid-a)'/%3E%3Ccircle cx='600' cy='300' r='80' fill='none' stroke='%232D6CA2' stroke-width='2' opacity='0.35'/%3E%3Ccircle cx='600' cy='300' r='50' fill='none' stroke='%232D6CA2' stroke-width='1.5' opacity='0.4'/%3E%3Ccircle cx='600' cy='300' r='15' fill='%232D6CA2' opacity='0.3'/%3E%3Ctext x='600' y='420' text-anchor='middle' font-family='monospace' font-size='13' fill='%232D6CA2' opacity='0.6'%3EMachining Center%3C/text%3E%3C/svg%3E");

  /* =====================================================================
   * MATERIAL — Mg結晶格子 + 原子配列の抽象幾何（図解のため写真化しない）
   * HCP（六方最密充填）構造モチーフ
   * ===================================================================== */
  --img-material-mg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='800' height='600' viewBox='0 0 800 600'%3E%3Crect width='800' height='600' fill='%23F4F5F6'/%3E%3Cg opacity='0.18' stroke='%231C2530' stroke-width='1' fill='none'%3E%3Cpolygon points='400,80 469,120 469,200 400,240 331,200 331,120' /%3E%3Cpolygon points='400,160 469,200 469,280 400,320 331,280 331,200' /%3E%3Cpolygon points='400,240 469,280 469,360 400,400 331,360 331,280' /%3E%3Cpolygon points='469,120 538,160 538,240 469,280 400,240 400,160' /%3E%3Cpolygon points='331,120 400,160 400,240 331,280 262,240 262,160' /%3E%3Cpolygon points='469,200 538,240 538,320 469,360 400,320 400,240' /%3E%3Cpolygon points='331,200 400,240 400,320 331,360 262,320 262,240' /%3E%3C/g%3E%3Ccircle cx='400' cy='160' r='10' fill='%232D6CA2' opacity='0.5'/%3E%3Ccircle cx='469' cy='200' r='10' fill='%232D6CA2' opacity='0.5'/%3E%3Ccircle cx='469' cy='280' r='10' fill='%232D6CA2' opacity='0.5'/%3E%3Ccircle cx='400' cy='320' r='10' fill='%232D6CA2' opacity='0.5'/%3E%3Ccircle cx='331' cy='280' r='10' fill='%232D6CA2' opacity='0.5'/%3E%3Ccircle cx='331' cy='200' r='10' fill='%232D6CA2' opacity='0.5'/%3E%3Ccircle cx='400' cy='240' r='14' fill='%232D6CA2' opacity='0.7'/%3E%3Ccircle cx='538' cy='160' r='8' fill='%232D6CA2' opacity='0.3'/%3E%3Ccircle cx='262' cy='160' r='8' fill='%232D6CA2' opacity='0.3'/%3E%3Ccircle cx='538' cy='320' r='8' fill='%232D6CA2' opacity='0.3'/%3E%3Ccircle cx='262' cy='320' r='8' fill='%232D6CA2' opacity='0.3'/%3E%3Ccircle cx='400' cy='80' r='8' fill='%232D6CA2' opacity='0.3'/%3E%3Ccircle cx='400' cy='400' r='8' fill='%232D6CA2' opacity='0.3'/%3E%3Ctext x='400' y='490' text-anchor='middle' font-family='monospace' font-size='14' fill='%232D6CA2' opacity='0.6'%3EMg  Atomic No.12  HCP Structure%3C/text%3E%3Ctext x='400' y='515' text-anchor='middle' font-family='monospace' font-size='11' fill='%235B636C' opacity='0.45'%3Edensity 1.74 g/cm%C2%B3  damping capacity: high%3C/text%3E%3C/svg%3E");

  /* =====================================================================
   * 設備: マシニングセンタ — CNC切削・クーラント飛沫クローズアップ
   * ローカル: assets/img/mc.jpg  [54 KB, Pexels ID: 8956445]
   * ===================================================================== */
  --img-machine-mc:
    url("img/mc.jpg"),
    url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='800' height='600' viewBox='0 0 800 600'%3E%3Crect width='800' height='600' fill='%231C2530'/%3E%3Cdefs%3E%3Cpattern id='g-mc' width='40' height='40' patternUnits='userSpaceOnUse'%3E%3Cpath d='M 40 0 L 0 0 0 40' fill='none' stroke='%23243040' stroke-width='1'/%3E%3C/pattern%3E%3C/defs%3E%3Crect width='800' height='600' fill='url(%23g-mc)'/%3E%3Cpath d='M 140 460 L 660 460' stroke='%23B8BEC4' stroke-width='1.5' opacity='0.5'/%3E%3Cpath d='M 400 460 L 400 100' stroke='%23B8BEC4' stroke-width='1.5' opacity='0.5'/%3E%3Cpath d='M 200 400 L 220 380 L 260 340 L 320 290 L 400 260 L 480 250 L 540 260 L 580 280 L 610 310' fill='none' stroke='%232D6CA2' stroke-width='2' opacity='0.7'/%3E%3Ccircle cx='400' cy='260' r='6' fill='%232D6CA2' opacity='0.8'/%3E%3Ctext x='400' y='490' text-anchor='middle' font-family='monospace' font-size='12' fill='%232D6CA2' opacity='0.7'%3EMachining Center  /  Tool Path%3C/text%3E%3C/svg%3E");

  /* =====================================================================
   * 設備: NC旋盤 — 旋盤稼働中（金属回転・切削）
   * ローカル: assets/img/nc.jpg  [75 KB, Pexels ID: 11951233]
   * ===================================================================== */
  --img-machine-nc:
    url("img/nc.jpg"),
    url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='800' height='600' viewBox='0 0 800 600'%3E%3Crect width='800' height='600' fill='%231C2530'/%3E%3Cdefs%3E%3Cpattern id='g-nc' width='40' height='40' patternUnits='userSpaceOnUse'%3E%3Cpath d='M 40 0 L 0 0 0 40' fill='none' stroke='%23243040' stroke-width='1'/%3E%3C/pattern%3E%3C/defs%3E%3Crect width='800' height='600' fill='url(%23g-nc)'/%3E%3Ccircle cx='400' cy='300' r='180' fill='none' stroke='%232D6CA2' stroke-width='1.5' opacity='0.25'/%3E%3Ccircle cx='400' cy='300' r='100' fill='none' stroke='%232D6CA2' stroke-width='2' opacity='0.40'/%3E%3Ccircle cx='400' cy='300' r='60' fill='none' stroke='%232D6CA2' stroke-width='2' opacity='0.55'/%3E%3Ccircle cx='400' cy='300' r='20' fill='%232D6CA2' opacity='0.40'/%3E%3Ctext x='400' y='490' text-anchor='middle' font-family='monospace' font-size='12' fill='%232D6CA2' opacity='0.7'%3ENC Lathe  /  Rotational Profile%3C/text%3E%3C/svg%3E");

  /* =====================================================================
   * 設備: 研削盤 — 旋盤・工場設備（設備カード用）
   * ローカル: assets/img/grind.jpg  [170 KB, Pexels ID: 15603045]
   * ===================================================================== */
  --img-machine-gr:
    url("img/grind.jpg"),
    url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='800' height='600' viewBox='0 0 800 600'%3E%3Crect width='800' height='600' fill='%231C2530'/%3E%3Cdefs%3E%3Cpattern id='g-gr' width='40' height='40' patternUnits='userSpaceOnUse'%3E%3Cpath d='M 40 0 L 0 0 0 40' fill='none' stroke='%23243040' stroke-width='1'/%3E%3C/pattern%3E%3C/defs%3E%3Crect width='800' height='600' fill='url(%23g-gr)'/%3E%3Cpath d='M 100 280 Q 140 276 180 284 Q 220 290 260 278 Q 300 268 340 280 Q 380 290 420 278 Q 460 268 500 280 Q 540 290 580 276 Q 620 264 660 278 Q 690 288 700 280' fill='none' stroke='%232D6CA2' stroke-width='2' opacity='0.6'/%3E%3Ctext x='400' y='490' text-anchor='middle' font-family='monospace' font-size='12' fill='%232D6CA2' opacity='0.7'%3EGrinding  /  Surface Finish Profile%3C/text%3E%3C/svg%3E");

  /* =====================================================================
   * ケーススタディ: ボーリングバースリーブ — 図解（写真化しない）
   * ===================================================================== */
  --img-boring-bar: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='1200' height='600' viewBox='0 0 1200 600'%3E%3Crect width='1200' height='600' fill='%23F4F5F6'/%3E%3Cdefs%3E%3Cpattern id='g-bb' width='40' height='40' patternUnits='userSpaceOnUse'%3E%3Cpath d='M 40 0 L 0 0 0 40' fill='none' stroke='%23D8DCE0' stroke-width='1'/%3E%3C/pattern%3E%3C/defs%3E%3Crect width='1200' height='600' fill='url(%23g-bb)'/%3E%3Crect x='300' y='220' width='600' height='160' rx='2' fill='none' stroke='%231C2530' stroke-width='2' opacity='0.2'/%3E%3Cellipse cx='300' cy='300' rx='25' ry='80' fill='none' stroke='%231C2530' stroke-width='2' opacity='0.2'/%3E%3Cellipse cx='900' cy='300' rx='25' ry='80' fill='none' stroke='%231C2530' stroke-width='2' opacity='0.2'/%3E%3Crect x='300' y='260' width='600' height='80' rx='1' fill='%232D6CA2' opacity='0.07' stroke='%232D6CA2' stroke-width='1.5' opacity='0.3'/%3E%3Ctext x='600' y='450' text-anchor='middle' font-family='monospace' font-size='13' fill='%232D6CA2' opacity='0.7'%3EBoring Bar Sleeve  /  Mg Alloy  /  Vibration Damping%3C/text%3E%3C/svg%3E");

  /* =====================================================================
   * 業界ゲートウェイ — ローカル実写写真
   * ===================================================================== */

  /* ロボット — 製造施設の産業用ロボットアーム
   * ローカル: assets/img/robot.jpg  [92 KB, Pexels ID: 34207359]
   */
  --img-ind-robot:
    url("img/robot.jpg"),
    url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='640' height='400' viewBox='0 0 640 400'%3E%3Crect width='640' height='400' fill='%231C2530'/%3E%3Cdefs%3E%3Cpattern id='g-r' width='32' height='32' patternUnits='userSpaceOnUse'%3E%3Cpath d='M 32 0 L 0 0 0 32' fill='none' stroke='%23243040' stroke-width='1'/%3E%3C/pattern%3E%3C/defs%3E%3Crect width='640' height='400' fill='url(%23g-r)'/%3E%3Ccircle cx='320' cy='200' r='90' fill='none' stroke='%232D6CA2' stroke-width='1.5' opacity='0.3'/%3E%3Ccircle cx='320' cy='200' r='25' fill='none' stroke='%232D6CA2' stroke-width='2' opacity='0.6'/%3E%3Ccircle cx='320' cy='200' r='8' fill='%232D6CA2' opacity='0.5'/%3E%3Cpath d='M 180 340 L 260 280 L 320 200' fill='none' stroke='%232D6CA2' stroke-width='3' stroke-linecap='round' opacity='0.5'/%3E%3Cpath d='M 320 200 L 400 150 L 460 110' fill='none' stroke='%232D6CA2' stroke-width='3' stroke-linecap='round' opacity='0.5'/%3E%3C/svg%3E");

  /* 宇宙 — 人工衛星（地球軌道上）
   * ローカル: assets/img/space.jpg  [61 KB, Pexels ID: 586056]
   */
  --img-ind-space:
    url("img/space.jpg"),
    url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='640' height='400' viewBox='0 0 640 400'%3E%3Crect width='640' height='400' fill='%231C2530'/%3E%3Cdefs%3E%3Cpattern id='g-sp' width='32' height='32' patternUnits='userSpaceOnUse'%3E%3Cpath d='M 32 0 L 0 0 0 32' fill='none' stroke='%23243040' stroke-width='1'/%3E%3C/pattern%3E%3C/defs%3E%3Crect width='640' height='400' fill='url(%23g-sp)'/%3E%3Ccircle cx='320' cy='600' r='340' fill='none' stroke='%232D6CA2' stroke-width='1.5' opacity='0.2'/%3E%3Crect x='290' y='140' width='60' height='40' rx='1' fill='none' stroke='%232D6CA2' stroke-width='1.5' opacity='0.6'/%3E%3Crect x='200' y='155' width='90' height='10' rx='1' fill='%232D6CA2' opacity='0.3'/%3E%3Crect x='350' y='155' width='90' height='10' rx='1' fill='%232D6CA2' opacity='0.3'/%3E%3Ccircle cx='320' cy='160' r='6' fill='%232D6CA2' opacity='0.6'/%3E%3C/svg%3E");

  /* 航空機 — 航空機の翼（窓越し・青空）
   * ローカル: assets/img/aero.jpg  [35 KB, Pexels ID: 3374249]
   */
  --img-ind-aero:
    url("img/aero.jpg"),
    url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='640' height='400' viewBox='0 0 640 400'%3E%3Crect width='640' height='400' fill='%231C2530'/%3E%3Cdefs%3E%3Cpattern id='g-ae' width='32' height='32' patternUnits='userSpaceOnUse'%3E%3Cpath d='M 32 0 L 0 0 0 32' fill='none' stroke='%23243040' stroke-width='1'/%3E%3C/pattern%3E%3C/defs%3E%3Crect width='640' height='400' fill='url(%23g-ae)'/%3E%3Cpath d='M 80 210 Q 200 150 380 190 Q 500 210 580 205 Q 500 220 380 230 Q 200 250 80 210 Z' fill='none' stroke='%232D6CA2' stroke-width='2' opacity='0.55'/%3E%3Cline x1='80' y1='210' x2='600' y2='210' stroke='%23B8BEC4' stroke-width='0.8' opacity='0.2' stroke-dasharray='6 6'/%3E%3Ctext x='330' y='168' text-anchor='middle' font-family='monospace' font-size='10' fill='%232D6CA2' opacity='0.55'%3EAirfoil Profile%3C/text%3E%3C/svg%3E");

  /* 自動車 — 自動車工場の多関節ロボット生産ライン
   * ローカル: assets/img/auto.jpg  [103 KB, Pexels ID: 19233057]
   */
  --img-ind-auto:
    url("img/auto.jpg"),
    url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='640' height='400' viewBox='0 0 640 400'%3E%3Crect width='640' height='400' fill='%231C2530'/%3E%3Cdefs%3E%3Cpattern id='g-au' width='32' height='32' patternUnits='userSpaceOnUse'%3E%3Cpath d='M 32 0 L 0 0 0 32' fill='none' stroke='%23243040' stroke-width='1'/%3E%3C/pattern%3E%3C/defs%3E%3Crect width='640' height='400' fill='url(%23g-au)'/%3E%3Ccircle cx='320' cy='200' r='140' fill='none' stroke='%232D6CA2' stroke-width='1.5' opacity='0.25'/%3E%3Ccircle cx='320' cy='200' r='60' fill='none' stroke='%232D6CA2' stroke-width='2' opacity='0.45'/%3E%3Ccircle cx='320' cy='200' r='20' fill='none' stroke='%232D6CA2' stroke-width='2.5' opacity='0.6'/%3E%3Ccircle cx='320' cy='200' r='6' fill='%232D6CA2' opacity='0.6'/%3E%3C/svg%3E");

  /* 電子機器 — 回路基板クローズアップ
   * ローカル: assets/img/elec.jpg  [101 KB, Pexels ID: 3520692]
   */
  --img-ind-elec:
    url("img/elec.jpg"),
    url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='640' height='400' viewBox='0 0 640 400'%3E%3Crect width='640' height='400' fill='%231C2530'/%3E%3Cdefs%3E%3Cpattern id='g-el' width='32' height='32' patternUnits='userSpaceOnUse'%3E%3Cpath d='M 32 0 L 0 0 0 32' fill='none' stroke='%23243040' stroke-width='1'/%3E%3C/pattern%3E%3C/defs%3E%3Crect width='640' height='400' fill='url(%23g-el)'/%3E%3Cpath d='M 120 200 L 200 200 L 200 140 L 320 140 L 320 200 L 440 200 L 440 260 L 560 260' fill='none' stroke='%232D6CA2' stroke-width='1.5' opacity='0.55'/%3E%3Ccircle cx='200' cy='200' r='5' fill='%232D6CA2' opacity='0.7'/%3E%3Ccircle cx='320' cy='140' r='5' fill='%232D6CA2' opacity='0.7'/%3E%3Ccircle cx='440' cy='200' r='5' fill='%232D6CA2' opacity='0.7'/%3E%3C/svg%3E");

  /* ドローン — ドローン飛行（青空バック）
   * ローカル: assets/img/drone.jpg  [14 KB, Pexels ID: 3722737]
   */
  --img-ind-drone:
    url("img/drone.jpg"),
    url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='640' height='400' viewBox='0 0 640 400'%3E%3Crect width='640' height='400' fill='%231C2530'/%3E%3Cdefs%3E%3Cpattern id='g-dr' width='32' height='32' patternUnits='userSpaceOnUse'%3E%3Cpath d='M 32 0 L 0 0 0 32' fill='none' stroke='%23243040' stroke-width='1'/%3E%3C/pattern%3E%3C/defs%3E%3Crect width='640' height='400' fill='url(%23g-dr)'/%3E%3Cline x1='180' y1='130' x2='460' y2='130' stroke='%232D6CA2' stroke-width='2' opacity='0.4'/%3E%3Cline x1='180' y1='270' x2='460' y2='270' stroke='%232D6CA2' stroke-width='2' opacity='0.4'/%3E%3Cline x1='180' y1='130' x2='180' y2='270' stroke='%232D6CA2' stroke-width='2' opacity='0.4'/%3E%3Cline x1='460' y1='130' x2='460' y2='270' stroke='%232D6CA2' stroke-width='2' opacity='0.4'/%3E%3Crect x='290' y='180' width='60' height='40' rx='2' fill='none' stroke='%232D6CA2' stroke-width='2' opacity='0.6'/%3E%3Ccircle cx='180' cy='130' r='40' fill='none' stroke='%232D6CA2' stroke-width='1.5' opacity='0.35'/%3E%3Ccircle cx='460' cy='130' r='40' fill='none' stroke='%232D6CA2' stroke-width='1.5' opacity='0.35'/%3E%3Ccircle cx='180' cy='270' r='40' fill='none' stroke='%232D6CA2' stroke-width='1.5' opacity='0.35'/%3E%3Ccircle cx='460' cy='270' r='40' fill='none' stroke='%232D6CA2' stroke-width='1.5' opacity='0.35'/%3E%3C/svg%3E");

  /* 音響 — スピーカーユニット（黒背景・精密質感）
   * ローカル: assets/img/audio.jpg  [53 KB, Pexels ID: 6587321]
   */
  --img-ind-audio:
    url("img/audio.jpg"),
    url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='640' height='400' viewBox='0 0 640 400'%3E%3Crect width='640' height='400' fill='%231C2530'/%3E%3Cdefs%3E%3Cpattern id='g-au2' width='32' height='32' patternUnits='userSpaceOnUse'%3E%3Cpath d='M 32 0 L 0 0 0 32' fill='none' stroke='%23243040' stroke-width='1'/%3E%3C/pattern%3E%3C/defs%3E%3Crect width='640' height='400' fill='url(%23g-au2)'/%3E%3Cpath d='M 60 200 Q 110 200 120 130 Q 130 60 160 200 Q 190 340 220 200 Q 250 60 280 200 Q 310 340 340 200 Q 370 60 400 200 Q 430 340 460 200 Q 490 60 520 200 Q 545 310 560 200 L 580 200' fill='none' stroke='%232D6CA2' stroke-width='2' opacity='0.6'/%3E%3Cline x1='60' y1='200' x2='600' y2='200' stroke='%23B8BEC4' stroke-width='0.8' opacity='0.2'/%3E%3Ctext x='320' y='360' text-anchor='middle' font-family='monospace' font-size='11' fill='%232D6CA2' opacity='0.5'%3EVibration Damping  /  Mg Alloy%3C/text%3E%3C/svg%3E");

  /* その他 — 万能: 多角形メッシュ（写真なし / SVGのまま） */
  --img-ind-other: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='640' height='400' viewBox='0 0 640 400'%3E%3Crect width='640' height='400' fill='%23E3ECF3'/%3E%3Cdefs%3E%3Cpattern id='g-ot' width='40' height='40' patternUnits='userSpaceOnUse'%3E%3Cpath d='M 40 0 L 0 0 0 40' fill='none' stroke='%23D8DCE0' stroke-width='1'/%3E%3C/pattern%3E%3C/defs%3E%3Crect width='640' height='400' fill='url(%23g-ot)'/%3E%3Ccircle cx='320' cy='200' r='120' fill='none' stroke='%232D6CA2' stroke-width='1' opacity='0.25'/%3E%3Ccircle cx='320' cy='200' r='80' fill='none' stroke='%232D6CA2' stroke-width='1' opacity='0.3'/%3E%3Ccircle cx='320' cy='200' r='40' fill='none' stroke='%232D6CA2' stroke-width='1.5' opacity='0.4'/%3E%3Ccircle cx='320' cy='200' r='10' fill='%232D6CA2' opacity='0.35'/%3E%3C/svg%3E");

}

/* =====================================================================
 * 写真スロット — background-size / position の補足ルール
 * 注: hero__photo と gateway-card-v2__bg は <img> に切り替えたため
 *     background 設定ルールは削除済み。
 *     equip-card__img-fallback と feature-row__visual-svg は
 *     フォールバック SVG 表示のため維持。
 * ===================================================================== */

.equip-card__img-fallback {
  background-size: cover;
  background-position: center;
}

.feature-row__visual-svg {
  background-size: cover;
  background-position: center;
}