/* TLC Clip reveal */
.tlc-clip {
  position: relative;
  width: 100%;
  background: var(--tlc-ink);
  height: calc(1400px + 100vh);
}
.tlc-clip__frame {
  position: sticky;
  top: 0;
  display: flex;
  height: 100vh;
  width: 100%;
  align-items: center;
  justify-content: center;
  overflow: hidden;
  clip-path: polygon(22% 22%, 78% 22%, 78% 78%, 22% 78%);
  will-change: clip-path;
}
.tlc-clip__img { height: 165%; width: 165%; object-fit: cover; will-change: width, height; }

.tlc-clip__stills {
  position: relative;
  margin: 0 auto;
  max-width: 64rem;
  padding: 200px 1rem 0;
}
.tlc-clip__still {
  margin-bottom: 1.5rem;
  aspect-ratio: 4/3;
  overflow: hidden;
  border-radius: 0.75rem;
  border: 1px solid color-mix(in srgb, var(--tlc-brass) 15%, transparent);
  will-change: transform;
}
.tlc-clip__still img { height: 100%; width: 100%; object-fit: cover; }

.tlc-clip__fade {
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  height: 24rem;
  background: linear-gradient(to bottom, transparent, var(--tlc-ink));
}