/*
 * Kouider — Red & Black Glassmorphism
 * Aesthetic layer only. Layout handled by theme.json.
 */


/* --- Hero --- */
.k-hero {
  min-height: 75vh;
  background: linear-gradient(90deg,rgba(7,7,8,.96) 0%,rgba(7,7,8,.72) 48%,rgba(7,7,8,.38) 100%),
              url('https://images.pexels.com/photos/3861969/pexels-photo-3861969.jpeg?auto=compress&cs=tinysrgb&w=2200') center/cover;
  display: flex;
  align-items: center;
  justify-content: center;
}
.k-hero-content { padding: 100px 20px 80px; max-width: 1100px; width: 100%; }
.k-hero-eyebrow {
  color: var(--wp--preset--color--k-red-bright);
  font-size: .78rem;
  font-weight: 800;
  letter-spacing: .2em;
  text-transform: uppercase;
  margin-bottom: .75rem;
}
.k-hero-title {
  color: var(--wp--preset--color--k-white);
  font-size: clamp(2.8rem, 7vw, 6.8rem);
  line-height: .98;
  letter-spacing: -.06em;
  max-width: 760px;
  margin-bottom: 1rem;
}
.k-hero-desc {
  color: #d0d0d5;
  font-size: 1.08rem;
  max-width: 610px;
  margin-bottom: 1.5rem;
}
.k-hero-buttons { display: flex; gap: .75rem; flex-wrap: wrap; margin-top: .25rem; }