/* ============================================
   experience-image.css
   「活動実績」カードに添付する写真の表示スタイル。
   アスペクト比4:3固定・object-positionでトリミング位置を反映。
   既存のstyle.cssへの直接編集を避け、影響範囲を限定するために
   別ファイルとして追加しています。
   style.css の後に読み込んでください。
   ============================================ */

.experience-photo {
  width: 100%;
  aspect-ratio: 4 / 3;
  border-radius: 12px;
  overflow: hidden;
  margin-bottom: 16px;
  background: var(--paper-warm);
  box-shadow: var(--shadow-soft);
}

.experience-photo img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  display: block;
  transition: transform 0.5s ease;
}

@media (hover: hover) and (pointer: fine) {
  .experience-item:hover .experience-photo img {
    transform: scale(1.035);
  }
}

@media (prefers-reduced-motion: reduce) {
  .experience-photo img { transition: none; }
}