/* ============================================================
   VUT — light theme override (per-project backgrounds)
   Scoped to body.theme-vut so it never touches other pages.
   Palette: bg #E9E8EC / #F5F5F7, cards #F9F9F9, text #141414,
   muted #686D74, accent red #E5002B, border #DCDDE1.
   ============================================================ */

/* ---- HERO — identical sticky behavior to Spider/Ranketta, light-themed ----
   Uses the default .proj-hero (240vh, sticky title/CTA, image scrolls + rides away).
   Spider's PNG has a baked fade; VUT's image has a hard edge, so we fade its bottom
   into the light bg with a CSS mask → same clean "image dissolves" look as Spider. */
.theme-vut .proj-hero { background: #E9E8EC; }
.theme-vut .proj-hero__title { color: #141414; }
.theme-vut .proj-hero__cta {
  background-color: rgba(20, 20, 20, 0.08);
  color: #141414;
}
.theme-vut .proj-hero__cta:hover {
  background-color: #E5002B;
  color: #F9F9F9;
}
.theme-vut .proj-hero__media img {
  -webkit-mask-image: linear-gradient(to bottom, #000 70%, transparent 100%);
          mask-image: linear-gradient(to bottom, #000 70%, transparent 100%);
}

/* ---- META ---- */
.theme-vut .proj-meta { background: #E9E8EC; color: #141414; }
.theme-vut .proj-meta__intro { color: #686D74; }
.theme-vut .proj-meta__intro strong { color: #141414; }
.theme-vut .proj-info__label { color: #686D74; }
.theme-vut .proj-info__value { color: #141414; }

/* ---- PROJECTS ---- */
.theme-vut .proj-projects { background: #F5F5F7; color: #141414; }
.theme-vut .proj-projects__heading,
.theme-vut .proj-projects__subline { color: #141414; }
.theme-vut .proj-projects__divider { border-top-color: rgba(20, 20, 20, 0.12); }
.theme-vut .proj-tab { color: #686D74; }
.theme-vut .proj-tab.is-active { color: #141414; }
.theme-vut .proj-grid__card { background: #F9F9F9 !important; }
.theme-vut .proj-grid__label-title { color: #141414; }
.theme-vut .proj-grid__label-sub { color: #686D74; }
.theme-vut .proj-billboard__card { background: #F9F9F9 !important; }

/* ---- IDENTITY ("UI. UX. Built end-to-end.") ---- */
.theme-vut .proj-identity { background: #F5F5F7; color: #141414; }
.theme-vut .proj-identity__heading { color: #141414; }
.theme-vut .proj-identity__visual { background: #F9F9F9; }
.theme-vut .proj-identity__card { background: #F9F9F9; }
.theme-vut .proj-identity__chip {
  background: rgba(20, 20, 20, 0.06);
  color: #141414;
}
.theme-vut .proj-identity__text { color: #141414; }
.theme-vut .proj-identity__arrow {
  background: rgba(20, 20, 20, 0.06);
}
.theme-vut .proj-identity__arrow svg path { stroke: #141414; }
.theme-vut .proj-identity__arrow:hover { background: rgba(20, 20, 20, 0.12); }

/* ---- RESULTS ---- */
.theme-vut .proj-results {
  background: #E9E8EC;
  color: #141414;
  border-top: none;
}
.theme-vut .proj-results__heading { color: #141414; }
.theme-vut .proj-stat { border-color: #DCDDE1; }
.theme-vut .proj-stat__number { color: #141414; }
.theme-vut .proj-stat__label { color: #686D74; }
.theme-vut .proj-testimonial__quote { color: #141414; }
.theme-vut .proj-testimonial__attr { color: #686D74; }
.theme-vut .proj-testimonial__avatar { background: #E5002B; padding: 0; }
.theme-vut .proj-testimonial__avatar img { filter: none; }

/* ---- CREDITS / NEXT CASE ---- */
.theme-vut .proj-credits {
  background: #E9E8EC;
  color: #141414;
  border-top: none;
}
.theme-vut .proj-credits__card--left { background: #F9F9F9; }
.theme-vut .proj-credits__title { color: #141414; }
.theme-vut .proj-credits__name { color: #141414; }
.theme-vut .proj-credits__role { color: #686D74; }
.theme-vut .proj-credits__pill {
  background: rgba(20, 20, 20, 0.06);
  color: #141414;
}
.theme-vut .proj-credits__pill:hover { background: #E5002B; color: #F9F9F9; }
/* right card stays a dark image with white text overlay — unchanged */

/* ---- FOOTER ---- */
.theme-vut .site-footer { background: #E9E8EC; }
.theme-vut .site-footer__logo img { filter: none; }
.theme-vut .site-footer__social-link { color: #141414; }
.theme-vut .site-footer__social-link svg path { fill: #141414; }
.theme-vut .site-footer__copy { color: #686D74; }