/* About, set in the article page’s ink, paper, and type. */

.about-page .article-heading h1 {
  max-width: 16ch;
  font-size: clamp(64px, 8.4cqw, 128px);
  line-height: 1.02;
}

.about-kicker {
  margin: 0;
  font: 400 14px/1.5 var(--mono);
  letter-spacing: .08em;
  text-transform: uppercase;
  color: #bab6b2;
}

.about-page .article-deck {
  max-width: 34em;
}

.privacy-page .article-heading h1 {
  max-width: 11ch;
}

.about-copy a {
  text-decoration: underline;
  text-decoration-color: #969e92;
  text-underline-offset: .18em;
  transition: text-decoration-color .2s ease;
}

.about-copy b {
  font-weight: 400;
}

.privacy-list {
  margin: 0;
  padding: 0;
  list-style: none;
}

.about-copy > * + .privacy-list {
  margin-top: 28px;
}

.privacy-list li {
  padding-block: 0 18px;
  font: 400 22px/1.7 var(--serif);
  letter-spacing: -.01em;
}

.privacy-list li:last-child {
  padding-bottom: 0;
}

.privacy-list + p {
  margin-top: 28px;
}

.about-page .article-hero {
  padding-bottom: 88px;
}

.about-block {
  display: grid;
  grid-template-columns: minmax(180px, 260px) minmax(0, 760px);
  gap: 28px 72px;
  align-items: start;
  justify-content: center;
  width: min(calc(100% - (var(--gutter) * 2)), var(--content-max));
  margin-inline: auto;
  padding-block: 96px;
}

.about-block + .about-block {
  border-top: 1px solid var(--line);
  padding-top: 72px;
}

.privacy-page .about-block + .about-block {
  border-top: 0;
  padding-top: 36px;
}

.privacy-page .about-block:has(+ .about-block) {
  padding-bottom: 36px;
}

.about-block h2 {
  margin: 0;
  max-width: 10em;
  font: 400 clamp(34px, 2.75cqw, 38px)/1.16 var(--serif);
  letter-spacing: -.035em;
  text-wrap: pretty;
}

.about-copy p,
.about-steps p {
  margin: 0;
  font: 400 22px/1.7 var(--serif);
  letter-spacing: -.01em;
}

.about-copy p + p {
  margin-top: 22px;
}

.about-lead {
  font-size: clamp(26px, 2.15cqw, 30px);
  line-height: 1.35;
  letter-spacing: -.025em;
}

.about-note {
  font-size: clamp(26px, 2.15cqw, 30px);
  line-height: 1.3;
  letter-spacing: -.03em;
}

.about-steps {
  margin: 0;
  padding: 0;
  list-style: none;
}

.about-steps li {
  padding-block: 0 36px;
}

.about-steps li:last-child {
  padding-bottom: 0;
}

.about-steps h3 {
  margin: 0 0 8px;
  font: 400 clamp(26px, 2.1cqw, 30px)/1.22 var(--serif);
  letter-spacing: -.03em;
  text-wrap: pretty;
}

.about-standard {
  background: var(--article-black);
  color: var(--article-white);
  text-align: center;
}

.about-standard-inner {
  width: min(calc(100% - (var(--gutter) * 2)), 980px);
  margin-inline: auto;
  padding-block: 112px;
}

.about-standard h2 {
  max-width: 14em;
  margin: 20px auto 28px;
  font: 400 clamp(42px, 5.2cqw, 76px)/1.12 'Autobahn', serif;
  font-synthesis: none;
  letter-spacing: 0;
  text-wrap: balance;
}

.about-standard p:last-child {
  max-width: 38em;
  margin-inline: auto;
  font: 400 22px/1.6 var(--serif);
  letter-spacing: -.01em;
  color: #bab6b2;
}

@media (hover: hover) {
  .about-page .site-footer a[aria-current='page']:hover {
    opacity: 1;
  }

  .about-copy a:hover {
    text-decoration-color: currentColor;
  }
}

@media (prefers-reduced-motion: no-preference) {
  .js .about-page .article-heading .about-kicker {
    animation: article-cover-rise .7s .05s both;
  }

  .about-page :is(.about-reveal, .helidform-about__section, .helidform-about__statement, .helidform-about__image, .helidform-privacy__section).is-reveal-ready {
    opacity: 0;
    translate: 0 24px;
  }

  .about-page :is(.about-reveal, .helidform-about__section, .helidform-about__statement, .helidform-about__image, .helidform-privacy__section).is-reveal-ready.is-revealed {
    opacity: 1;
    translate: 0 0;
    transition: opacity .9s ease, translate .9s cubic-bezier(.16, 1, .3, 1);
  }

  .about-page :is(.about-reveal, .helidform-about__section, .helidform-about__statement, .helidform-about__image, .helidform-privacy__section).is-reveal-ready:focus-within {
    opacity: 1;
    translate: none;
    transition: none;
  }
}

@media (max-width: 980px) {
  .about-block {
    grid-template-columns: minmax(0, 760px);
    gap: 22px;
    padding-block: 64px;
  }

  .about-block + .about-block {
    padding-top: 56px;
  }

  .about-block h2 {
    max-width: 16em;
  }
}

@media (max-width: 700px) {
  .about-page .article-heading h1 {
    max-width: 10ch;
    font-size: clamp(46px, 13cqw, 64px);
    line-height: 1.05;
  }

  .about-kicker {
    font-size: 12px;
  }

  .about-page .article-deck {
    max-width: 22em;
  }

  .about-page .article-hero {
    padding-bottom: 56px;
  }

  .about-block {
    padding-block: 48px;
  }

  .about-block + .about-block {
    padding-top: 40px;
  }

  .about-block h2 {
    font-size: 30px;
  }

  .about-copy p,
  .about-steps p,
  .privacy-list li,
  .about-standard p:last-child {
    font-size: 20px;
    line-height: 1.65;
  }

  .about-lead,
  .about-note,
  .about-steps h3 {
    font-size: 24px;
  }

  .about-steps li {
    padding-block: 0 28px;
  }

  .about-standard-inner {
    padding-block: 72px;
  }

  .about-standard h2 {
    margin-block: 16px 22px;
    font-size: clamp(36px, 10cqw, 52px);
  }
}

.about-page :is(.helidform-about, .helidform-privacy) {
  width: 100%;
  color: var(--ink);
}

.about-page :is(.helidform-about, .helidform-privacy) :is(.wp-block-group, .wp-block-column) {
  max-width: none;
  margin: 0;
  padding: 0;
}

.about-page :is(.helidform-about, .helidform-privacy) > .wp-block-group__inner-container {
  width: 100%;
  max-width: none;
  min-width: 0;
}

.about-page .helidform-about > .wp-block-group__inner-container > .wp-block-group:first-child,
.about-page .helidform-privacy > .wp-block-group__inner-container > .helidform-privacy__intro {
  background: var(--article-black);
  color: var(--article-white);
  text-align: center;
  width: 100%;
  max-width: none;
  box-sizing: border-box;
  padding: 0 max(var(--gutter), calc((100% - var(--content-max)) / 2)) 88px;
}

.privacy-page .article-hero {
  padding-bottom: 0;
}

.about-page .article-hero {
  padding-bottom: 0;
}

.about-page :is(.helidform-about > .wp-block-group__inner-container > .wp-block-group:first-child, .helidform-privacy > .wp-block-group__inner-container > .helidform-privacy__intro) .wp-block-group__inner-container {
  width: 100%;
  max-width: none;
  min-width: 0;
}

.about-page :is(.helidform-about__kicker, .helidform-privacy__kicker) {
  display: block;
  width: auto;
  max-width: min(40em, 100%);
  margin: 0 auto;
  font: 400 14px/1.5 var(--mono);
  letter-spacing: .08em;
  text-transform: uppercase;
  white-space: normal;
  overflow-wrap: anywhere;
  text-align: center;
  color: #bab6b2;
}

.about-page :is(.helidform-about__lead, .helidform-privacy__lead),
.about-page :is(.helidform-about > .wp-block-group__inner-container > .wp-block-group:first-child, .helidform-privacy > .wp-block-group__inner-container > .helidform-privacy__intro) p:not([class*="__kicker"]) {
  display: block;
  max-width: min(34em, 100%);
  margin: 22px auto 0;
  font: 400 22px/1.5 var(--serif);
  letter-spacing: -.015em;
  color: #bab6b2;
  text-align: center;
  white-space: normal;
  overflow-wrap: break-word;
  text-wrap: balance;
}

.about-page .helidform-about__image {
  width: min(calc(100% - (var(--gutter) * 2)), var(--content-max));
  margin: 64px auto;
}

.about-page .helidform-about__image img {
  width: 100%;
  height: auto;
  aspect-ratio: 2.1;
  object-fit: cover;
}

.about-page :is(.helidform-about__section, .helidform-privacy__section) {
  display: grid;
  grid-template-columns: minmax(180px, 260px) minmax(0, 760px);
  gap: 28px 72px;
  align-items: start;
  justify-content: center;
  width: min(calc(100% - (var(--gutter) * 2)), var(--content-max));
  margin-inline: auto;
}

.about-page .helidform-about__section {
  padding-block: 96px;
}

.about-page .helidform-about__section + .helidform-about__section {
  border-top: 1px solid var(--line);
  padding-top: 72px;
}

.privacy-page .helidform-privacy__section {
  padding-block: 36px;
}

.privacy-page .helidform-privacy__section:first-of-type {
  padding-top: 72px;
}

.about-page :is(.helidform-about__section, .helidform-privacy__section) h2 {
  margin: 0;
  max-width: 10em;
  font: 400 clamp(34px, 2.75cqw, 38px)/1.16 var(--serif);
  letter-spacing: -.035em;
  text-wrap: pretty;
}

.about-page :is(.helidform-about__section, .helidform-privacy__section) .wp-block-column > * + * {
  margin-top: 22px;
}

.about-page :is(.helidform-about__section, .helidform-privacy__section) p,
.about-page :is(.helidform-about, .helidform-privacy) .wp-block-list li {
  margin: 0;
  font: 400 22px/1.7 var(--serif);
  letter-spacing: -.01em;
}

.about-page .helidform-about__section .has-x-large-font-size {
  font-size: clamp(26px, 2.15cqw, 30px);
  line-height: 1.35;
  letter-spacing: -.025em;
}

.about-page :is(.helidform-about, .helidform-privacy) .wp-block-list {
  margin: 0;
  padding: 0;
  list-style: none;
}

.about-page :is(.helidform-about, .helidform-privacy) .wp-block-list li {
  padding-bottom: 18px;
}

.about-page :is(.helidform-about, .helidform-privacy) .wp-block-list li:last-child {
  padding-bottom: 0;
}

.about-page .helidform-about__steps li {
  padding-bottom: 36px;
}

.about-page .helidform-about__step-copy {
  display: block;
}

.about-page .helidform-about__step-copy strong {
  display: block;
  margin: 0 0 8px;
  font: 400 clamp(26px, 2.1cqw, 30px)/1.22 var(--serif);
  letter-spacing: -.03em;
}

.about-page .helidform-about__step-copy span {
  display: block;
}

.about-page :is(.helidform-about, .helidform-privacy) strong {
  font-weight: 400;
}

.about-page :is(.helidform-about, .helidform-privacy) a {
  text-decoration: underline;
  text-decoration-color: #969e92;
  text-underline-offset: .18em;
}

.about-page .helidform-about .helidform-about__statement {
  width: 100%;
  margin-block: 96px;
  padding: 112px max(var(--gutter), calc((100% - 980px) / 2));
  background: var(--article-black);
  color: var(--article-white);
  text-align: center;
}

.about-page .helidform-about__statement h2 {
  max-width: 14em;
  margin: 20px auto 28px;
  font: 400 clamp(42px, 5.2cqw, 76px)/1.12 'Autobahn', serif;
  font-synthesis: none;
  letter-spacing: 0;
  text-wrap: balance;
  color: var(--article-white);
}

.about-page .helidform-about__statement p:last-child {
  max-width: 38em;
  margin-inline: auto;
  font: 400 22px/1.6 var(--serif);
  color: #bab6b2;
}

@media (hover: hover) {
  .about-page :is(.helidform-about, .helidform-privacy) a:hover {
    text-decoration-color: currentColor;
  }
}

@media (max-width: 980px) {
  .about-page :is(.helidform-about__section, .helidform-privacy__section) {
    grid-template-columns: minmax(0, 760px);
    gap: 22px;
  }

  .about-page .helidform-about__section {
    padding-block: 64px;
  }

  .about-page .helidform-about__section + .helidform-about__section {
    padding-top: 56px;
  }

  .about-page :is(.helidform-about__section, .helidform-privacy__section) h2 {
    max-width: 16em;
  }
}

@media (max-width: 700px) {
  .about-page .helidform-about > .wp-block-group:first-child,
  .about-page .helidform-privacy__intro {
    padding-bottom: 56px;
  }

  .about-page .helidform-about__kicker {
    font-size: 12px;
  }

  .about-page :is(.helidform-about__lead, .helidform-privacy__lead),
  .about-page :is(.helidform-about > .wp-block-group:first-child, .helidform-privacy__intro) > .wp-block-paragraph:last-child,
  .about-page :is(.helidform-about__section, .helidform-privacy__section) p,
  .about-page :is(.helidform-about, .helidform-privacy) .wp-block-list li,
  .about-page .helidform-about__statement p:last-child {
    font-size: 20px;
    line-height: 1.65;
  }

  .about-page .helidform-about__section .has-x-large-font-size,
  .about-page .helidform-about__step-copy strong {
    font-size: 24px;
  }

  .about-page .helidform-about__section {
    padding-block: 48px;
  }

  .about-page :is(.helidform-about__section, .helidform-privacy__section) h2 {
    font-size: 30px;
  }

.about-page .helidform-about .helidform-about__statement {
    margin-block: 64px;
    padding-block: 72px;
  }

  .about-page .helidform-about__statement h2 {
    margin-block: 16px 22px;
    font-size: clamp(36px, 10cqw, 52px);
  }
}