/**
 * Wolves case study stylesheet — CSS variables for Tailwind arbitrary values (e.g. case-study-hero).
 */

:root {
  --wolves-gold-500: #fdb913;
  --wolves-gold-600: #d8a10a;
  --wolves-black: #111111;
  --wolves-gold-gradient: linear-gradient(90deg, var(--wolves-gold-500) 0%, var(--wolves-gold-600) 100%);
}

/**
 * Dark stripes (odd sections in .wolves-case-study): gold wash + vignette + subtle grid behind content.
 */
.wolves-case-study > *:nth-child(odd) {
  position: relative;
  isolation: isolate;
}

.wolves-case-study > *:nth-child(odd)::before {
  content: "";
  position: absolute;
  inset: 0;
  z-index: 0;
  pointer-events: none;
  background:
    radial-gradient(ellipse 120% 85% at 100% 0%, rgba(253, 185, 19, 0.14) 0%, transparent 55%),
    radial-gradient(ellipse 95% 75% at 0% 100%, rgba(253, 185, 19, 0.08) 0%, transparent 52%),
    linear-gradient(180deg, rgba(255, 255, 255, 0.045) 0%, transparent 38%, transparent 62%, rgba(0, 0, 0, 0.4) 100%),
    repeating-linear-gradient(
      127deg,
      transparent,
      transparent 11px,
      rgba(255, 255, 255, 0.028) 11px,
      rgba(255, 255, 255, 0.028) 12px
    );
}

.wolves-case-study > *:nth-child(odd) > * {
  position: relative;
  z-index: 1;
}