/* TLC Social marquee */
.tlc-sm { position: relative; overflow: hidden; background: var(--tlc-ink); padding: 6rem 0; }

.tlc-sm__fade { position: absolute; z-index: 20; pointer-events: none; }
.tlc-sm__fade--top { top: 0; left: 0; right: 0; height: 9rem; background: linear-gradient(to bottom, var(--tlc-ink), color-mix(in srgb, var(--tlc-ink) 70%, transparent), transparent); }
.tlc-sm__fade--left { top: 0; bottom: 0; left: 0; width: 6rem; background: linear-gradient(to right, var(--tlc-ink), transparent); }
.tlc-sm__fade--right { top: 0; bottom: 0; right: 0; width: 6rem; background: linear-gradient(to left, var(--tlc-ink), transparent); }

.tlc-sm__head { position: relative; z-index: 30; margin: 0 auto 3rem; max-width: 72rem; padding: 0 2rem; }
.tlc-sm__heading { margin: 0.75rem 0 0; font-family: var(--tlc-font-display); font-size: clamp(2rem, 5vw, 3.5rem); color: var(--tlc-ivory); }

.tlc-sm__strip {
  position: relative;
  display: flex;
  align-items: center;
  height: clamp(340px, 84vw, 560px);
}
.tlc-sm__track {
  display: flex;
  width: max-content;
  align-items: center;
  gap: var(--tlc-sm-gap, 28px);
  padding: 1.5rem 5vw;
  transform: rotate(-10deg);
  cursor: grab;
  user-select: none;
  will-change: transform;
}
.tlc-sm__track.is-dragging { cursor: grabbing; }
.tlc-sm__card {
  position: relative;
  flex-shrink: 0;
  width: clamp(200px, 62vw, 380px);
  height: clamp(260px, 78vw, 460px);
  overflow: hidden;
  border-radius: 1rem;
  border: 1px solid color-mix(in srgb, var(--tlc-brass) 20%, transparent);
  box-shadow: 0 24px 64px -16px rgba(0, 0, 0, 0.7);
  transition: transform 0.2s ease;
}
.tlc-sm__card:hover { transform: scale(1.05); }
.tlc-sm__card img { height: 100%; width: 100%; object-fit: cover; pointer-events: none; }

.tlc-sm__watermark-row { position: relative; z-index: 10; margin-top: clamp(1.5rem, 6vw, 7.5rem); padding: 0 2rem; display: flex; align-items: flex-end; justify-content: flex-end; }
.tlc-sm__watermark {
  margin: 0;
  user-select: none;
  pointer-events: none;
  font-family: var(--tlc-font-display);
  font-weight: 700;
  text-transform: uppercase;
  color: color-mix(in srgb, var(--tlc-ivory) 15%, transparent);
  font-size: clamp(2.2rem, 6.5vw, 8rem);
  text-align: right;
  line-height: 0.85;
}
