/* 공통 1기 활동 스케치: 제목, 자동 롤링 사진, 양 끝 페이드. */
.course-activity-sketch {
  --sketch-background: #111116;
  width: 100%;
  margin: 0;
  padding: 96px 24px;
  background: var(--sketch-background);
  color: #f5f4f7;
  scroll-margin-top: 150px;
}
.course-activity-sketch, .course-activity-sketch * { box-sizing: border-box; }
.course-activity-sketch * { color: inherit; font-family: techupSans, Arial, sans-serif; }
.course-activity-sketch .sketch-shell { width: min(1008px,100%); margin: 0 auto; }
.course-activity-sketch h2 { margin: 0 0 58px; color: #f5f4f7; font-size: 32px !important; font-weight: 700; line-height: 1.5; letter-spacing: -.4px; text-align: left; }
.course-activity-sketch .field-gallery { display: flex; position: relative; width: 100%; min-width: 0; overflow: hidden; }
.course-activity-sketch .field-gallery-motion { display: flex; flex: 0 0 auto; width: max-content; animation: course-sketch-roll 60s linear infinite; will-change: transform; }
.course-activity-sketch .field-gallery-track { display: flex; flex: 0 0 auto; gap: 24px; padding-right: 24px; }
.course-activity-sketch .field-gallery-slide { flex: 0 0 auto; width: auto; height: 192px; aspect-ratio: 16 / 9; overflow: hidden; }
.course-activity-sketch .field-gallery-slide img { display: block; width: 100%; height: 100%; object-fit: cover; }
.course-activity-sketch .field-gallery-fade { position: absolute; inset-block: 0; width: 100px; z-index: 1; pointer-events: none; }
.course-activity-sketch .field-gallery-fade.left { left: 0; background: linear-gradient(90deg,var(--sketch-background),transparent); }
.course-activity-sketch .field-gallery-fade.right { right: 0; background: linear-gradient(270deg,var(--sketch-background),transparent); }
.course-activity-sketch .field-gallery:focus-visible { outline: 2px solid #80b5ff; outline-offset: 4px; }
.course-activity-sketch .field-gallery:hover .field-gallery-motion,
.course-activity-sketch .field-gallery:focus-within .field-gallery-motion,
.course-activity-sketch.is-offscreen .field-gallery-motion,
.course-activity-sketch.is-page-hidden .field-gallery-motion { animation-play-state: paused; }
@keyframes course-sketch-roll { to { transform: translateX(-50%); } }
@media (max-width: 1000px) {
  .course-activity-sketch { padding-block: 80px; }
  .course-activity-sketch .field-gallery-fade { width: 60px; }
}
@media (max-width: 700px) {
  .course-activity-sketch { padding-block: 64px; }
  .course-activity-sketch h2 { margin-bottom: 38px; font-size: 24px !important; line-height: 1.5; }
  .course-activity-sketch .field-gallery-track { gap: 16px; padding-right: 16px; }
  .course-activity-sketch .field-gallery-slide { height: 160px; }
  .course-activity-sketch .field-gallery-fade { width: 40px; }
}
@media (prefers-reduced-motion: reduce) {
  .course-activity-sketch .field-gallery { overflow-x: auto; scroll-snap-type: x proximity; }
  .course-activity-sketch .field-gallery-motion { animation: none; will-change: auto; }
  .course-activity-sketch .field-gallery-slide { scroll-snap-align: center; }
  .course-activity-sketch .field-gallery-track.clone,
  .course-activity-sketch .field-gallery-fade { display: none; }
}