/* Crysten Curry Elementor Widget - Video Showcase (fonts come from fonts.css) */

.cc-vs-wrap {
  --cc-vs-bg: #FBFAF8;
  --cc-vs-label: #520000;
  --cc-vs-heading: #0A0708;
  --cc-vs-text: #4A4447;
  --cc-vs-cols: 4;
  --cc-vs-ratio: 9 / 16;
  --cc-vs-gap: clamp(10px, 1.4vw, 24px);
  --cc-vs-gutter: clamp(20px, 3.2vw, 56px);
  width: 100%;
  font-family: "Manrope", "Helvetica Neue", Arial, sans-serif;
  font-size: 15px;
  line-height: 1.6;
  box-sizing: border-box;
}
.cc-vs-wrap *, .cc-vs-wrap *::before, .cc-vs-wrap *::after { box-sizing: border-box; }

.cc-vs { background: var(--cc-vs-bg); padding: clamp(48px, 6vw, 96px) 0; }
.cc-vs__inner { max-width: 1680px; margin: 0 auto; padding-inline: var(--cc-vs-gutter); }

.cc-vs__head { display: flex; justify-content: space-between; align-items: flex-end; gap: 24px; flex-wrap: wrap; margin-bottom: clamp(28px, 3.4vw, 52px); }
.cc-vs-wrap .cc-vs__label { display: block; margin-bottom: 18px; font-size: 11px; font-weight: 600; letter-spacing: .18em; text-transform: uppercase; color: var(--cc-vs-label); }
.cc-vs-wrap .cc-vs__heading {
  margin: 0;
  font-family: "Cormorant Garamond", "Cormorant", Georgia, serif;
  font-size: clamp(2.6rem, 6vw, 6.5rem);
  font-weight: 400;
  line-height: .95;
  letter-spacing: -.01em;
  text-transform: uppercase;
  color: var(--cc-vs-heading);
}
.cc-vs-wrap .cc-vs__intro { margin: 0; max-width: 26em; color: var(--cc-vs-text); }

.cc-vs__grid {
  display: grid;
  grid-template-columns: repeat(var(--cc-vs-cols), minmax(0, 1fr));
  gap: clamp(22px, 2.6vw, 40px) var(--cc-vs-gap);
  margin: 0;
  padding: 0;
  list-style: none;
}
.cc-vs-card { list-style: none; margin: 0; padding: 0; min-width: 0; }
.cc-vs-card .cc-vid-frame { --cc-vid-ratio: var(--cc-vs-ratio); }
.cc-vs-card__text { padding-top: 14px; }
.cc-vs-wrap .cc-vs-card__title { margin: 0; font-family: "Archivo", "Helvetica Neue", Arial, sans-serif; font-size: clamp(14px, 1.1vw, 17px); font-weight: 800; line-height: 1.2; color: var(--cc-vs-heading); }
.cc-vs-wrap .cc-vs-card__meta { margin: 6px 0 0; font-family: "IBM Plex Mono", "Courier New", monospace; font-size: 11px; letter-spacing: .05em; text-transform: uppercase; color: var(--cc-vs-text); }