/* cinery — Capability map donor styles.
   Extracted from tools/templates/cinery/css by tools/cinery-prepare.mjs:
   only the rules the transplanted block uses, class names prefixed with
   `cn-`, every selector scoped under `.cn-capmap`. Do not edit by hand. */
.cn-capmap {
  --background-color--primary-background: #000;
  --_typography---font-family--primary: "Overused Grotesk", Arial, sans-serif;
  --primary-color--white: white;
  --_sizes---fixed--small: 1rem;
  --_typography---font-weight--regular: 400;
  --_typography---h1--h1-font-size: var(--_sizes---fixed--xhuge-04);
  --_typography---h1--h1-font-weight: var(--_typography---font-weight--semibold);
  --_typography---h2--h2-font-size: var(--_sizes---fixed--xhuge-03);
  --_typography---h2--h2-font-weight: var(--_typography---font-weight--semibold);
  --_typography---h3--h3-font-size: var(--_sizes---fixed--xxlarge-01);
  --_typography---h3--h3-font-weight: var(--_typography---font-weight--semibold);
  --_typography---h4--h4-font-size: var(--_sizes---fixed--large-01);
  --_typography---h4--h4-font-weight: var(--_typography---font-weight--semibold);
  --_typography---h5--h5-font-size: var(--_sizes---fixed--medium-01);
  --_typography---h5--h5-font-weight: var(--_typography---font-weight--semibold);
  --_typography---h6--h6-font-size: var(--_sizes---fixed--small);
  --_typography---h6--h6-font-weight: var(--_typography---font-weight--semibold);
  --_typography---font-weight--medium: 500;
  --primary-color--dark: #232324;
  --_sizes---fixed--medium-01: 2rem;
  --primary-color--dark-02: #444;
  --_typography---h3--h3-font-family: var(--_typography---font-family--primary);
  --_typography---h3--h3-letter-spacing: .1rem;
  --_typography---font-weight--semibold: 600;
  --neutral-color--secondary-neutral: #bbb;
  --_typography---h5--h5-font-family: var(--_typography---font-family--primary);
  --_typography---h5--h5-letter-spacing: .025rem;
  --background-color--secondary-background: white;
  --primary-color--black: #000;
  --_typography---h2--h2-font-family: var(--_typography---font-family--primary);
  --_typography---h2--h2-letter-spacing: .1rem;
  --_sizes---fixed--small-02: 1.25rem;
  --border-color--primary-border: #ffffff1a;
  --_sizes---border-radius--large: 1.5rem;
  --primary-color--dark-03: #4b4b4b;
  --_sizes---border-radius--xlarge: 2rem;
  --_typography---h6--h6-font-family: var(--_typography---font-family--primary);
  --_typography---h6--h6-letter-spacing: .025rem;
  --_sizes---fixed--xsmall-04: .75rem;
  --border-color--transparent: #0000;
  --_sizes---fixed--small-05: 1.625rem;
  --_sizes---fixed--small-04: 1.5rem;
  --_sizes---fixed--small-03: 1.375rem;
  --neutral-color--primary-neutral: gray;
  --_sizes---fixed--xsmall-05: .875rem;
  --_typography---h1--h1-font-family: var(--_typography---font-family--primary);
  --_typography---h1--h1-letter-spacing: .1rem;
  --border-color--secondary-border: #fff3;
  --_typography---h4--h4-font-family: var(--_typography---font-family--primary);
  --_typography---h4--h4-letter-spacing: .1rem;
  --_sizes---border-radius--medium: 1rem;
  --_sizes---border-radius--100: 100%;
  --_sizes---border-radius--xxlarge: 2.5rem;
  --_sizes---spacer--xlarge: 4rem;
  --_typography---font-weight--bold: 700;
  --_sizes---fixed--medium-02: 2.25rem;
  --_sizes---fixed--small-07: 1.875rem;
  --_sizes---spacer--large: 3rem;
  --_sizes---spacer--medium: 2rem;
  --_sizes---border-radius--xhuge: 4rem;
  --_sizes---fixed--small-01: 1.125rem;
  --_sizes---spacer--tiny: .125rem;
  --_sizes---spacer--xxsmall: .25rem;
  --_typography---font-weight--thin: 100;
  --_typography---font-weight--extra-light: 200;
  --_typography---font-weight--light: 300;
  --_typography---font-weight--extra-bold: 800;
  --_typography---font-weight--black: 900;
  --_sizes---spacer--xsmall: .5rem;
  --_sizes---spacer--small: 1rem;
  --_sizes---spacer--xxlarge: 5rem;
  --_sizes---spacer--huge: 6rem;
  --_sizes---spacer--xhuge: 8rem;
  --_sizes---spacer--xxhuge: 10rem;
  --_sizes---border-radius--tiny: .125rem;
  --_sizes---border-radius--xxsmall: .25rem;
  --_sizes---border-radius--small: .5rem;
  --_sizes---border-radius--huge: 3rem;
  --_sizes---border-radius--xxhuge: 5rem;
  --_sizes---section--small: 3rem;
  --_sizes---fixed--zero: 0rem;
  --_sizes---fixed--xsmall-01: .125rem;
  --_sizes---fixed--xsmall-02: .25rem;
  --_sizes---fixed--xsmall-03: .5rem;
  --_sizes---fixed--small-06: 1.75rem;
  --_sizes---fixed--medium-03: 2.5rem;
  --_sizes---fixed--medium-04: 2.75rem;
  --_sizes---fixed--large-01: 3rem;
  --_sizes---fixed--large-02: 3.25rem;
  --_sizes---fixed--large-03: 3.5rem;
  --_sizes---fixed--large-04: 3.75rem;
  --_sizes---fixed--xlarge-01: 4rem;
  --_sizes---fixed--xlarge-02: 4.25rem;
  --_sizes---fixed--xlarge-03: 4.5rem;
  --_sizes---fixed--xlarge-04: 4.75rem;
  --_sizes---fixed--xxlarge-01: 5rem;
  --_sizes---fixed--xxlarge-02: 5.5rem;
  --_sizes---fixed--xxlarge-03: 6rem;
  --_sizes---fixed--xxlarge-04: 6.5rem;
  --_sizes---fixed--huge-01: 7rem;
  --_sizes---fixed--huge-02: 7.5rem;
  --_sizes---fixed--huge-03: 8rem;
  --_sizes---fixed--huge-04: 8.5rem;
  --_sizes---fixed--xhuge-01: 9rem;
  --_sizes---fixed--xhuge-02: 9.5rem;
  --_sizes---fixed--xhuge-03: 10rem;
  --_sizes---fixed--xhuge-04: 12rem;
  --_sizes---fixed--xhuge-05: 14rem;
  --_sizes---fixed--xxhuge-01: 16rem;
  --_sizes---fixed--xxhuge-02: 18rem;
  --_sizes---fixed--xxhuge-03: 20rem;
  --_sizes---section--medium: 5rem;
  --_sizes---section--large: 8rem;
  --_sizes---section--xlarge: 10rem;
  --_sizes---section--huge: 12rem;
  color: var(--primary-color--white);
}
.cn-capmap .cn-heading-style-h2 { background-image: linear-gradient(180deg, var(--primary-color--white) 40%, #000 100%, var(--primary-color--black));
  font-family: var(--_typography---h2--h2-font-family);
  font-size: var(--_typography---h2--h2-font-size);
  line-height: var(--_typography---h2--h2-line-height\<deleted\|variable-dce8260e-414c-a934-1b6e-a3323274e042\>);
  font-weight: var(--_typography---h2--h2-font-weight);
  letter-spacing: var(--_typography---h2--h2-letter-spacing);
  text-transform: uppercase;
  -webkit-text-fill-color: transparent;
  -webkit-background-clip: text;
  background-clip: text; }
.cn-capmap .cn-accordion-heading { margin-bottom: 0;
  font-size: 1.75rem;
  font-weight: 400;
  line-height: 1.3; }
.cn-capmap .cn-faq { width: 100%; }
.cn-capmap .cn-accordion-content-wrap { overflow: hidden; }
.cn-capmap .cn-faq-container { grid-column-gap: 1.5rem;
  grid-row-gap: 1.5rem;
  flex-flow: column;
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  margin-left: auto;
  margin-right: auto;
  display: flex; }
.cn-capmap .cn-plus-line { z-index: 1;
  background-color: var(--primary-color--white);
  border-radius: .5rem;
  width: .75rem;
  height: .083rem;
  position: relative; }
.cn-capmap .cn-plus-line.cn-vertical { position: absolute;
  transform: rotate(90deg); }
.cn-capmap .cn-plus-block { border-style: solid none none solid;
  border-width: 1px;
  border-color: var(--border-color--primary-border);
  background-color: var(--border-color--primary-border);
  cursor: pointer;
  border-radius: 100%;
  flex: none;
  justify-content: center;
  align-items: center;
  width: 2.5rem;
  height: 2.5rem;
  display: flex;
  position: relative;
  overflow: hidden; }
.cn-capmap .cn-accordion-answer-text { color: var(--neutral-color--secondary-neutral);
  margin-bottom: 0;
  padding-top: 2rem;
  padding-left: 10px;
  font-size: 16px;
  font-weight: 400;
  line-height: 1.5; }
.cn-capmap .cn-accordion-content-block { width: 100%;
  max-width: 36rem; }
.cn-capmap .cn-accordion-content-item { border-style: solid none none solid;
  border-width: 1px;
  border-color: var(--border-color--primary-border);
  border-radius: var(--_sizes---border-radius--large);
  background-color: var(--primary-color--dark);
  cursor: pointer;
  width: 100%;
  padding: 1.5rem;
  position: relative; }
.cn-capmap .cn-accordion-title-item { position: relative;
  overflow: hidden; }
.cn-capmap .cn-accordion-top-wrap { grid-column-gap: 2rem;
  justify-content: space-between;
  align-items: center;
  display: flex; }
.cn-capmap .cn-section-number { background-image: linear-gradient(180deg, var(--primary-color--white), var(--primary-color--dark));
  color: var(--primary-color--dark-03);
  font-size: 6rem;
  line-height: 1;
  font-weight: var(--_typography---font-weight--semibold);
  text-align: center;
  -webkit-text-fill-color: transparent;
  -webkit-background-clip: text;
  background-clip: text; }
.cn-capmap .cn-section-number.alternate { color: #707070; }
.cn-capmap .cn-subtitle-wrap { justify-content: center;
  align-items: flex-start;
  margin-bottom: 3.5rem;
  display: flex; }
.cn-capmap .cn-heading-wrap { z-index: 5;
  flex-flow: column;
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
  position: relative; }
.cn-capmap .cn-heading-wrap.cn-is-center { justify-content: flex-start;
  align-items: center; }
.cn-capmap .cn-subtitle-block { border-style: solid none none solid;
  border-width: 1px;
  border-color: var(--primary-color--dark-02);
  background-color: var(--primary-color--dark);
  border-radius: 8px;
  justify-content: center;
  align-items: center;
  margin-bottom: 1rem;
  padding: .5rem 1rem;
  display: flex;
  position: relative;
  overflow: hidden; }
.cn-capmap .cn-subtitle { color: var(--neutral-color--secondary-neutral);
  font-size: var(--_sizes---fixed--xsmall-04);
  letter-spacing: .025rem;
  text-transform: uppercase;
  line-height: 1; }
.cn-capmap .cn-subtitle-blur { filter: blur(8px);
  background-color: #232324;
  width: 1.5rem;
  height: 1.5rem;
  position: absolute; }
.cn-capmap .cn-faq-component-grid { grid-column-gap: 3rem;
  grid-row-gap: 3rem;
  grid-template-rows: auto;
  width: 100%; }
.cn-capmap .cn-faq-content-item { height: 100%; }
.cn-capmap .cn-faq-image-wrap { border: 1px solid var(--border-color--primary-border);
  border-radius: var(--_sizes---border-radius--xlarge);
  background-color: var(--border-color--primary-border);
  height: 100%;
  padding: 3px;
  position: relative;
  overflow: hidden; }
.cn-capmap .cn-faq-image { object-fit: cover;
  border-radius: 1.75rem;
  width: 100%;
  height: 100%; }
.cn-capmap .cn-faq-inner-grid { grid-column-gap: 3rem;
  grid-row-gap: 3rem;
  grid-template-columns: 1fr;
  width: 100%;
  height: 100%; }
.cn-capmap .cn-title-wrapper { position: relative;
  overflow: hidden; }
.cn-capmap .cn-faq-wrapper { justify-content: center;
  align-items: center;
  width: 100%;
  max-width: 50rem;
  margin-left: auto;
  margin-right: auto;
  display: flex; }
@media screen and (min-width: 1440px) {
  .cn-capmap .cn-heading-style-h2 { font-size: 12rem; }
  .cn-capmap .cn-section-number { font-size: 6rem; }
  .cn-capmap .cn-faq-component-grid { grid-column-gap: 4rem;
    grid-row-gap: 4rem; }
}
@media screen and (max-width: 991px) {
  .cn-capmap .cn-accordion-content-wrap { padding-left: .5rem;
    padding-right: .5rem; }
  .cn-capmap .cn-plus-block:hover { background-position: 50%; }
  .cn-capmap .cn-section-number { font-size: 5rem; }
}
@media screen and (max-width: 767px) {
  .cn-capmap .cn-plus-block { background-image: none; }
  .cn-capmap .cn-accordion-answer-text { padding-top: 2rem; }
  .cn-capmap .cn-section-number { font-size: 4rem; }
  .cn-capmap .cn-faq-image { border-radius: 1.25rem; }
}
@media screen and (max-width: 479px) {
  .cn-capmap .cn-accordion-heading { font-size: 1.25rem;
    font-weight: 600; }
  .cn-capmap .cn-plus-block { width: 2rem;
    height: 2rem; }
  .cn-capmap .cn-accordion-answer-text { padding-left: 0; }
  .cn-capmap .cn-accordion-title-item { padding-right: 10px; }
  .cn-capmap .cn-accordion-top-wrap { grid-column-gap: 0rem; }
  .cn-capmap .cn-section-number { font-size: 3rem; }
  .cn-capmap .cn-faq-component-grid { grid-column-gap: 2rem;
    grid-row-gap: 2rem; }
  .cn-capmap .cn-faq-inner-grid { grid-column-gap: 2.5rem;
    grid-row-gap: 2.5rem; }
}
@media (max-width: 1279px) { .cn-capmap .cn-heading-style-h2 { font-size: 160px; } }
@media (max-width: 991px) { .cn-capmap .cn-heading-style-h2 { font-size: 128px; } }
@media (max-width: 767px) { .cn-capmap .cn-heading-style-h2 { font-size: 96px; } }
@media (max-width: 479px) { .cn-capmap .cn-heading-style-h2 { font-size: 56px; } }