/* AI + CREATIVE TECH — #ai section */

#ai {
  position: relative;
  /* The rotated beam intentionally extends beyond the section. clip removes
     that hidden horizontal scroll range without creating a scroll container. */
  overflow-x: clip;
}

/* uv-tinted light beam edge — #7A5CFF is var(--uv); #3E66FF is the prism's blue stop */
#ai .ai-beam {
  position: absolute;
  right: -20vw;
  top: 10%;
  width: 70vw;
  height: 22vh;
  background: linear-gradient(90deg, transparent, var(--uv) 60%, #3e66ff);
  filter: blur(90px);
  mix-blend-mode: screen;
  opacity: 0.18;
  transform: rotate(-18deg);
  pointer-events: none;
}

#ai .ai-tools {
  margin-top: 1.2rem;
}

#ai .card-grid-portrait {
  margin-inline: auto;
  margin-top: clamp(2.5rem, 6vh, 4rem);
}

/* Vitrium is deliberately brightest on the right, where ash captions lost
   contrast against the warm glass. Keep the editorial footer treatment but
   give AI cards a local void bed instead of dimming the section-wide shader. */
#ai .card-caption {
  padding-inline: 0.7rem;
  background: rgba(10, 9, 11, 0.72);
}

#ai .card-title,
#ai .card-roles {
  color: var(--bone);
}