background-clip: text — градиентный заголовок без картинки
Связка background-clip: text и -webkit-text-fill-color: transparent показывает градиент только внутри глифов — эффектный display-заголовок лендинга студии.
Без fallback-цвета текст может стать невидимым, если clip не поддерживается — задайте @supports или обычный color ниже по каскаду.
- [background-clip — MDN](https://developer.mozilla.org/en-US/docs/Web/CSS/background-clip) — border-box, padding-box, text.
- [CSS gradients for text — web.dev](https://web.dev/articles/css-gradient-text) — Паттерн и доступность.
---
## Доступность
Проверьте контраст: градиентный текст часто не проходит WCAG — не используйте для body и мелких подписей.
