/* =========================================================
   本命テーマ — ボルドー × アイスブルー × バターイエロー
   だやち指定の3パレットを統合したもの
     #780509 бордовый / #B20E19 / #74070E Cherry Red   … 赤
     #7EB2E8 аэро     / #80ABD7 / #D2E8FF Columbia Blue … 青
     #F9E9B8 банановый/ #FFEDA8 Butter Yellow           … 黄
     #683629 / #E2D9BC                                   … 茶・サンド
   ========================================================= */
:root {
  --cream:      #f7ebc6;   /* バターイエロー寄りのクリーム（地） */
  --cream-deep: #ecdcac;
  --paper:      #fdf6e2;   /* バニラ（Serviceなどの明るい面） */
  --ink:        #683629;   /* ブラウン（本文） */
  --ink-soft:   #96725f;
  --maroon:     #780509;   /* ボルドー（主役の赤） */
  --ruby:       #b20e19;   /* チェリーレッド */
  --tangelo:    #b20e19;
  --sunny:      #f9e9b8;   /* バナナ */
  --midnight:   #780509;   /* 濃色面もボルドーで通す */
  --sky:        #7ec8de;   /* アイスブルー */

  --ink-rgb:   104, 54, 41;
  --cream-rgb: 247, 235, 198;
  --sunny-rgb: 126, 200, 222;   /* ホバーの淡い面は青で（--sky と同じ値） */

  --hero-align: left;
  --card-radius: 0px;
}

/* ---- ヒーロー：赤と青を両方入れる ---- */
.hero__title em   { color: var(--maroon); }
.hero__title .amp { color: var(--sky); }
.hero__frame::before, .hero__frame::after { content: "✳"; color: var(--maroon); }
.hero__eyebrow { color: var(--ink-soft); }
.chip { border-color: rgba(var(--ink-rgb), .32); }

/* ---- 見出し ---- */
.sec__num   { color: var(--ruby); }
.card__year { color: var(--ruby); }
.sec__title em { color: var(--maroon); }

/* ---- 作品は白マットで受ける ---- */
.card__shot {
  border: 1.5px solid #fffdf4;
  background: #fffdf4;
  box-shadow: 0 1px 2px rgba(var(--ink-rgb), .16), 0 14px 26px -16px rgba(var(--ink-rgb), .6);
}
/* ホバー時に接地影（0 2px 4px）を残すと、1.5px の白フチのすぐ外側が暗くなって
   枠が細く見える。浮いている状態では遠い影だけにする。 */
.card:not(.is-static):hover .card__shot {
  transform: translateY(-7px);
  box-shadow: 0 28px 44px -20px rgba(var(--ink-rgb), .65);
}

/* ---- 絞り込み ---- */
.filter.is-on { background: var(--maroon); border-color: var(--maroon); color: var(--sunny); }
.filter:hover { border-color: var(--sky); color: var(--ink); }

/* ---- Service ---- */
.svc__jp { color: var(--ruby); }
.svc__item:hover { border-color: var(--sky); }

/* ---- Price ---- */
.price__fee { color: var(--maroon); }
.price__row:hover { background: rgba(var(--sunny-rgb), .20); }

/* ---- Contact：ボルドー地にバナナとブルー ---- */
.contact { background: var(--maroon); }
.contact::before { border-color: rgba(var(--sunny-rgb), .55); }
.contact__ttl { color: var(--sunny); }
.contact__ttl em { color: var(--sky); }
.contact__txt { color: rgba(var(--cream-rgb), .82); }
.btn-line { background: var(--sunny); color: var(--maroon); }
.btn-line:hover { background: #fff4cf; }

/* ---- ヘッダーCTA ---- */
.nav__cta { background: var(--maroon); color: var(--sunny); }
.nav__cta:hover { background: var(--ruby); }