/* One final conversion component across archive, detail and structured pages. */
.ak-conversion-cta {
  --ak-conversion-padding: 3.25rem;
  min-height: 0;
  padding-block: var(--ak-conversion-padding);
  border: 0;
  background: #fff;
  color: var(--ak-ink);
}
.ak-conversion-cta-grid {
  display: grid;
  grid-template-columns: repeat(12,minmax(0,1fr));
  gap: 1.5rem var(--ak-grid-gap);
  align-items: center;
}
.ak-conversion-cta .ak-conversion-cta-eyebrow,
.ak-conversion-cta-grid > .ak-eyebrow {
  grid-column: 1/-1;
  margin: 0;
  color: var(--ak-action);
  font-family: 'IBM Plex Mono',monospace;
  font-size: .75rem;
  font-weight: 500;
  line-height: 1.5;
  letter-spacing: .06em;
  text-transform: uppercase;
}
.ak-conversion-cta-copy {
  grid-column: 1/span 9;
  display: grid;
  grid-template-columns: repeat(9,minmax(0,1fr));
  gap: var(--ak-grid-gap);
  align-items: center;
  min-width: 0;
}
.ak-conversion-cta-copy > h2 {
  grid-column: 1/span 6;
  max-width: 39rem;
  margin: 0;
  color: var(--ak-ink);
  font-size: clamp(3rem,4vw,4rem);
  line-height: 1.05;
  letter-spacing: -.045em;
  overflow-wrap: anywhere;
}
.ak-conversion-cta-copy > p {
  grid-column: 7/-1;
  max-width: 25rem;
  margin: 0;
  color: var(--ak-muted);
  font-size: 1.0625rem;
  line-height: 1.6;
}
.ak-conversion-cta-copy > p + p { margin-top: .75rem; }
.ak-conversion-cta-grid > .ak-button {
  grid-column: 10/-1;
  width: 100%;
  min-width: 0;
  min-height: 3.625rem;
  justify-self: stretch;
  justify-content: space-between;
}
.ak-conversion-cta :focus-visible { outline-color: var(--ak-action); }

@media(max-width:63.999rem) {
  .ak-conversion-cta { --ak-conversion-padding: 2.75rem; }
  .ak-conversion-cta-grid { grid-template-columns: minmax(0,1fr); gap: 1.5rem; }
  .ak-conversion-cta-grid > .ak-eyebrow,
  .ak-conversion-cta-copy,
  .ak-conversion-cta-grid > .ak-button { grid-column: 1; }
  .ak-conversion-cta-copy { display: block; }
  .ak-conversion-cta-copy > h2 { max-width: 42rem; }
  .ak-conversion-cta-copy > p { max-width: 42rem; margin-top: 1rem; }
  .ak-conversion-cta-grid > .ak-button { width: auto; justify-self: start; }
}

@media(max-width:47.999rem) {
  .ak-conversion-cta { --ak-conversion-padding: 2.25rem; }
  .ak-conversion-cta-grid { gap: 1.25rem; }
  .ak-conversion-cta-copy > h2 { font-size: clamp(2.25rem,10vw,2.75rem); line-height: 1.06; }
  .ak-conversion-cta-copy > p { font-size: 1rem; line-height: 1.625; }
  .ak-conversion-cta-grid > .ak-button { width: 100%; justify-self: stretch; }
}

.ak-large-text .ak-conversion-cta-grid { grid-template-columns: minmax(0,1fr); }
.ak-large-text .ak-conversion-cta-grid > .ak-eyebrow,
.ak-large-text .ak-conversion-cta-copy,
.ak-large-text .ak-conversion-cta-grid > .ak-button { grid-column: 1; }
.ak-large-text .ak-conversion-cta-copy { display: block; }
.ak-large-text .ak-conversion-cta-copy > p { margin-top: 1rem; }
.ak-large-text .ak-conversion-cta-grid > .ak-button { width: 100%; justify-self: stretch; }