.innovation {
  padding: 120px 7vw;
  background: radial-gradient(ellipse at 95% 0%, #292319 0, transparent 55%), #0a0b0d;
  border-top: 1px solid #c8aa6830;
}
.innovation-heading {
  display: grid;
  grid-template-columns: 1.15fr 1fr;
  gap: 6vw;
  align-items: end;
}
.innovation h2 {
  font: 400 clamp(2.8rem, 5.5vw, 6rem)/1.02 Georgia, serif;
  letter-spacing: -.045em;
  margin: 24px 0;
}
.innovation h2 em { color: var(--gold); font-weight: 400; }
.innovation-intro p, .innovation-grid p, .innovation-next p {
  color: #b8b6b0;
  font-size: 1rem;
  line-height: 1.75;
}
.innovation-intro p:last-child { font-size: .88rem; color: #9c9b96; }
.innovation-actions { display: flex; flex-wrap: wrap; gap: 12px; margin: 30px 0 44px; }
.innovation-actions a {
  display: inline-flex;
  align-items: center;
  padding: 15px 19px;
  min-height: 48px;
  border: 1px solid #c8aa6860;
  color: #f2ede0;
  text-decoration: none;
  font-size: .82rem;
  line-height: 1.5;
}
.innovation-actions .innovation-primary { background: #c8aa68; color: #101013; border-color: #c8aa68; }
.innovation-actions a:hover { border-color: #f0d294; background: #242017; }
.innovation-actions .innovation-primary:hover { background: #e1c07d; }
.innovation a:focus-visible { outline: 2px solid #eed599; outline-offset: 5px; }
.innovation-grid { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 20px; }
.innovation-grid article { padding: 27px 22px 22px; border: 1px solid #c8aa6835; background: #111216; }
.innovation-grid span { color: #c8aa68; font-size: .61rem; letter-spacing: .12em; line-height: 1.8; }
.innovation-grid h3 { font: 400 1.65rem/1.2 Georgia, serif; margin: 20px 0 14px; }
.innovation-grid p { font-size: .9rem; margin-bottom: 0; }
.innovation-next { margin-top: 32px; display: flex; align-items: center; justify-content: space-between; gap: 28px; }
.innovation-next p { max-width: 740px; font-size: .9rem; }
.innovation-next a { color: #d9bc7e; font-size: .85rem; line-height: 1.6; text-underline-offset: 5px; }
#innovation, #ip { scroll-margin-top: 24px; }
@media (max-width: 1050px) { .innovation-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); } }
@media (max-width: 780px) {
  .innovation { padding: 80px 6vw; }
  .innovation-heading { grid-template-columns: 1fr; gap: 8px; }
  .innovation-next { display: block; }
}
@media (max-width: 520px) {
  .innovation-grid { grid-template-columns: 1fr; }
  .innovation-actions { flex-direction: column; }
  .innovation-actions a { justify-content: center; text-align: center; }
}
@media (prefers-reduced-motion: reduce) { html { scroll-behavior: auto; } }