/* The intermediate reading scale is the default; Shift + I compares the alternatives. */
:root {
  --manifesto-measure: 36ch;
  --manifesto-gutter: 80px;
  --manifesto-paragraph-gap: 28px;
  --manifesto-size: 32px;
  --manifesto-leading: 42px;
  --manifesto-weight: 500;
  --founder-size: 112px;
  --founder-caption: 20px;
  --founder-leading: 24px;
  --founder-top: 56px;
}
body.is-original-preview {
  --manifesto-measure: 855px;
  --manifesto-size: 40px;
  --manifesto-leading: 49px;
  --manifesto-paragraph-gap: 32px;
  --founder-size: 140px;
  --founder-caption: 24px;
  --founder-leading: 28px;
  --founder-top: 74px;
}
body.is-reading-preview {
  --manifesto-size: 28px;
  --manifesto-leading: 38px;
  --manifesto-weight: 400;
  --founder-size: 98px;
  --founder-caption: 18px;
  --founder-leading: 22px;
  --founder-top: 48px;
}
body .manifesto {
  /* Measure the column in the active typeface, rather than the body's 16px. */
  width: min(var(--manifesto-measure), calc(100% - var(--manifesto-gutter)));
  font-size: var(--manifesto-size);
  font-weight: var(--manifesto-weight);
  transform: none;
}
body .manifesto-copy {
  font-size: inherit;
  line-height: var(--manifesto-leading);
  font-weight: inherit;
}
body .manifesto-copy p + p { margin-top: var(--manifesto-paragraph-gap); }
body.is-original-preview .manifesto { transform: translateX(-2.5px); }
body .founders { margin-top: var(--founder-top); }
body .founder-portraits { width: calc(var(--founder-size) * 2); }
body .portrait {
  width: var(--founder-size);
  height: var(--founder-size);
  border-radius: calc(var(--founder-size) * .266664);
  background-size: 100% 100%;
  background-image: radial-gradient(
    ellipse calc(var(--founder-size) * 3.973786) calc(var(--founder-size) * 1.771429)
    at 50% calc(var(--founder-size) * 1.585714),
    #f9f8f5 0%, #fbecc5 17.5%, #fde194 35%,
    #b9cbca 67.5%, #97c0e4 83.75%, #74b5ff 100%
  );
}
body .portrait-symbol {
  width: calc(var(--founder-size) * 6.808143);
  height: calc(var(--founder-size) * 6.22635);
  left: calc(var(--founder-size) * -1.8895);
  top: calc(var(--founder-size) * -.276429);
}
body .portrait-bruno .portrait-symbol {
  left: calc(var(--founder-size) * -1.746643);
  top: calc(var(--founder-size) * -.697857);
}
body .portrait-matteo .founder-photo {
  left: -7.464286%;
  top: -4.442857%;
  width: 114.459286%;
  height: 114.459286%;
}
body .portrait-bruno .founder-photo {
  left: -20%;
  top: -7.142857%;
  width: 130%;
  height: 130%;
}
body .signature-matteo {
  width: calc(var(--founder-size) * 1.114286);
  height: calc(var(--founder-size) * .657143);
  left: calc(var(--founder-size) * -.721429);
  top: calc(var(--founder-size) * .25);
}
body .signature-bruno {
  width: calc(var(--founder-size) * 1.2);
  height: calc(var(--founder-size) * .8);
  left: calc(var(--founder-size) * 1.35);
  top: calc(var(--founder-size) * .45);
}
body .founders figcaption {
  font-size: var(--founder-caption);
  line-height: var(--founder-leading);
  margin-top: calc(var(--founder-size) * .114286);
}
@media (max-width: 1100px) {
  :root {
    --manifesto-gutter: 96px;
    --manifesto-size: 30px;
    --manifesto-leading: 40px;
  }
  body.is-original-preview {
    --manifesto-measure: 730px;
    --manifesto-size: 34px;
    --manifesto-leading: 43px;
  }
  body.is-reading-preview { --manifesto-size: 26px; --manifesto-leading: 36px; }
  body.is-original-preview .manifesto { transform: none; }
}
@media (max-width: 760px) {
  :root {
    --manifesto-gutter: 48px;
    --manifesto-size: 24px;
    --manifesto-leading: 32px;
    --manifesto-paragraph-gap: 24px;
    --founder-size: 96px;
    --founder-top: 40px;
  }
  body.is-original-preview {
    --manifesto-measure: 100%;
    --manifesto-size: clamp(25px, 4.4vw, 32px);
    --manifesto-leading: 1.25;
    --manifesto-paragraph-gap: 24px;
    --founder-size: 112px;
    --founder-caption: 20px;
    --founder-leading: 24px;
    --founder-top: 48px;
  }
  body.is-reading-preview {
    --manifesto-size: 22px;
    --manifesto-leading: 30px;
    --founder-size: 84px;
    --founder-top: 36px;
  }
  body .signature-matteo {
    left: calc(var(--founder-size) * -.223214);
    top: calc(var(--founder-size) * .428571);
  }
  body .signature-bruno {
    left: calc(var(--founder-size) * 1.339286);
    top: calc(var(--founder-size) * .446429);
  }
}