/* ── BANNER (css/banner.css) ──────────────────────────────── */

.kn-banner {
  padding: 90px 60px;
  background: linear-gradient(135deg, #0a1f14 0%, #0d2b1e 40%, #0a1610 100%);
  display: grid; grid-template-columns: 1fr 1fr;
  align-items: center; gap: 80px;
  position: relative; overflow: hidden;
  z-index: 1;
}
.kn-banner::before {
  content: '';
  position: absolute; top: -100px; right: -100px;
  width: 500px; height: 500px; border-radius: 50%;
  background: radial-gradient(circle, rgba(201,168,76,0.06), transparent 70%);
  pointer-events: none;
}

.kn-banner__visual {
  display: flex; align-items: center; justify-content: center;
  position: relative;
}
.kn-banner__ring {
  width: 280px; height: 280px;
  border: 1px solid rgba(201,168,76,0.2);
  border-radius: 50%;
  display: flex; align-items: center; justify-content: center;
  position: relative;
}
.kn-banner__ring::before {
  content: '';
  position: absolute; inset: 14px;
  border: 1px solid rgba(201,168,76,0.1);
  border-radius: 50%;
}
.kn-banner__ring-inner {
  font-family: 'Cormorant Garamond', serif;
  font-size: 4.5rem; font-style: italic;
  color: var(--kn-gold); opacity: 0.9;
}
.kn-banner__tag {
  position: absolute; top: 20px; right: -10px;
  background: var(--kn-gold); color: var(--kn-black);
  font-family: 'Cinzel', serif;
  font-size: 0.6rem; letter-spacing: 0.2em;
  padding: 6px 14px; text-transform: uppercase;
}

@media (max-width: 768px) {
  .kn-banner { grid-template-columns: 1fr; padding: 70px 30px; gap: 40px; }
  .kn-banner__visual { order: -1; }
}