/* Instagram grid (dark theme) */
.ig-grid { display: grid !important; grid-template-columns: repeat(3, 1fr); gap: 14px; }
.ig-cell { position: relative; display: block; aspect-ratio: 1 / 1; border-radius: 14px; overflow: hidden;
  border: 1px solid rgba(255, 255, 255, .14);
  box-shadow: 0 10px 34px rgba(0, 0, 0, .45); }
.ig-cell img { width: 100%; height: 100%; object-fit: cover; display: block; transition: transform .45s ease; }
.ig-cell:hover img { transform: scale(1.06); }
.ig-ol { position: absolute; inset: 0; display: flex; flex-direction: column; align-items: center; justify-content: center; gap: 8px;
  background: rgba(7, 8, 16, .55); color: #f3dda0; opacity: 0; transition: opacity .3s ease; }
.ig-cell:hover .ig-ol { opacity: 1; }
.ig-ol em { font-style: normal; font-size: 10px; letter-spacing: .18em; }
.ig-demo-note { margin-top: 14px; font-size: 11px; color: rgba(255, 255, 255, .45); letter-spacing: .06em; }

/* トップページ用セクション */
.ig-sec { position: relative; padding: 90px 22px 100px; background: linear-gradient(180deg, rgba(7, 8, 16, .9) 0%, rgba(9, 8, 24, .82) 100%); }
.ig-sec .ig-inner { max-width: 860px; margin: 0 auto; }
.ig-sec .ig-head { text-align: center; margin-bottom: 40px; }
.ig-sec .ig-en { font-size: 10px; letter-spacing: .5em; color: #c9b8e8; opacity: .8; margin-bottom: 10px; }
.ig-sec h2 { font-family: "Shippori Mincho", serif; font-size: 24px; letter-spacing: .18em; font-weight: 600; color: #fff; }
.ig-sec .ig-grid { grid-template-columns: repeat(4, 1fr); }
.ig-follow { text-align: center; margin-top: 36px; }
.ig-follow a { display: inline-flex; align-items: center; gap: 10px; padding: 13px 34px; border-radius: 999px;
  border: 1px solid rgba(255, 255, 255, .5); color: #fff; font-size: 12.5px; letter-spacing: .14em; font-weight: 700; }
.ig-follow a:hover { border-color: rgba(233, 205, 138, .8); color: #f3dda0; }

/* スタイリスト連動グリッド: 常に3列(多城・美甘・三原の列を揃える) */
.ig-grid-3 { grid-template-columns: repeat(3, 1fr) !important; }

@media (max-width: 640px) {
  .ig-grid, .ig-sec .ig-grid { grid-template-columns: repeat(2, 1fr); gap: 10px; }
  .ig-grid-3 { gap: 8px; }
}