/* Shared founder footer for Classifica Indie and Classifica Italiana only. */
body.ci-public {
  --ci-founder-accent: #19a7cf;
  --ci-founder-accent-2: #293e91;
  --ci-founder-dark: #0c1736;
  --ci-founder-muted: #aebbd4;
}

body.ci-public .ci-signature-footer--italiana,
body.ci-public .ci-founder-page--italiana {
  --ci-founder-accent: #009246;
  --ci-founder-accent-2: #ce2b37;
  --ci-founder-dark: #101d24;
  --ci-founder-muted: #b8c9c3;
}

body.ci-public .ci-footer.ci-signature-footer {
  position: relative;
  display: block;
  width: 100%;
  max-width: none;
  margin: 34px 0 0;
  padding: 0;
  overflow: hidden;
  color: #d8e0ef;
  background:
    radial-gradient(circle at 96% -42%, color-mix(in srgb, var(--ci-founder-accent) 34%, transparent), transparent 38%),
    radial-gradient(circle at 3% 144%, color-mix(in srgb, var(--ci-founder-accent-2) 34%, transparent), transparent 40%),
    linear-gradient(118deg, #080f26 0%, var(--ci-founder-dark) 58%, color-mix(in srgb, var(--ci-founder-dark) 70%, var(--ci-founder-accent)) 100%);
  border: 0;
  border-radius: 0;
  box-shadow: none;
  font-family: inherit;
  font-weight: 600;
}

body.ci-public .ci-footer.ci-signature-footer::before {
  position: absolute;
  right: -145px;
  bottom: -225px;
  width: 560px;
  height: 400px;
  border: 1px solid rgba(185, 204, 236, .13);
  border-radius: 50%;
  content: "";
  pointer-events: none;
  transform: rotate(-14deg);
}

.ci-signature-footer__inner {
  position: relative;
  z-index: 1;
  display: grid;
  grid-template-columns: minmax(0, 1.05fr) minmax(410px, .95fr);
  gap: 20px clamp(44px, 5vw, 78px);
  align-items: center;
  width: min(1720px, calc(100% - 72px));
  margin: 0 auto;
  padding: 38px 0 34px;
}

.ci-signature-footer__about {
  min-width: 0;
}

.ci-signature-footer__about > p {
  max-width: 760px;
  margin: 0 0 16px;
  color: #f5f7fc;
  font-size: 14px;
  font-weight: 500;
  line-height: 1.52;
}

.ci-signature-footer__about > p strong {
  color: color-mix(in srgb, var(--ci-founder-accent) 70%, white);
  font-weight: 800;
}

body.ci-public .ci-signature-footer__links {
  display: flex;
  flex-wrap: wrap;
  gap: 7px 12px;
  justify-content: flex-start;
  max-width: none;
}

body.ci-public .ci-signature-footer__links a {
  display: inline-flex;
  min-height: 0;
  padding: 0;
  align-items: center;
  border: 0;
  color: #bdc9df;
  background: transparent;
  font-size: 11px;
  font-weight: 700;
  line-height: 1.45;
  text-decoration: none;
  text-transform: none;
  transition: color .18s ease, transform .18s ease;
}

body.ci-public .ci-signature-footer__links a + a::before {
  margin-right: 12px;
  color: #657390;
  content: "·";
}

body.ci-public .ci-signature-footer__links a:hover,
body.ci-public .ci-signature-footer__links a:focus-visible {
  color: color-mix(in srgb, var(--ci-founder-accent) 68%, white);
  background: transparent;
  transform: translateY(-1px);
}

.ci-signature-footer__stats {
  display: grid;
  grid-template-columns: repeat(3, minmax(92px, auto));
  gap: 7px 24px;
  justify-content: end;
  min-width: 0;
}

.ci-signature-footer__stats > span {
  grid-column: 1 / -1;
  color: #919db6;
  font-size: 10px;
  font-weight: 800;
  letter-spacing: .085em;
  line-height: 1.2;
  text-align: right;
}

.ci-signature-footer__stats strong {
  display: grid;
  gap: 4px;
  color: #fff;
  font-size: clamp(19px, 1.55vw, 25px);
  font-weight: 800;
  line-height: 1;
  text-align: right;
}

.ci-signature-footer__stats em {
  color: var(--ci-founder-muted);
  font-size: 10px;
  font-style: normal;
  font-weight: 600;
  line-height: 1.25;
  text-transform: lowercase;
}

.ci-signature-footer__company {
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto minmax(0, 1fr);
  grid-column: 1 / -1;
  gap: clamp(18px, 2.3vw, 34px);
  align-items: center;
}

.ci-signature-footer__company > span {
  height: 1px;
  background: rgba(181, 199, 231, .2);
}

.ci-signature-footer__company > div {
  display: grid;
  gap: 7px;
  justify-items: center;
}

.ci-signature-footer__mantovani-mark {
  position: relative;
  display: block;
  width: 90px;
  aspect-ratio: 1530 / 500;
}

.ci-signature-footer__mantovani-mark > img {
  display: block;
  width: 100%;
  height: auto;
  filter: brightness(0) invert(1);
  opacity: .9;
}

.ci-signature-footer__mantovani-mark::before,
.ci-signature-footer__mantovani-mark::after {
  position: absolute;
  z-index: 2;
  inset: 0;
  background-color: #f2c500;
  content: "";
  -webkit-mask: url("/assets/monitor-radio/brand/mantovani-group-logo.png") center / contain no-repeat;
  mask: url("/assets/monitor-radio/brand/mantovani-group-logo.png") center / contain no-repeat;
}

.ci-signature-footer__mantovani-mark::before {
  clip-path: inset(69.5% 62.6% 5.4% 16.9%);
}

.ci-signature-footer__mantovani-mark::after {
  clip-path: inset(69.5% 15.9% 5.4% 63.4%);
}

.ci-signature-footer--indie .ci-signature-footer__mantovani-mark::before,
.ci-signature-footer--indie .ci-signature-footer__mantovani-mark::after {
  animation: ci-mantovani-wings-indie 5.6s ease-in-out infinite;
}

.ci-signature-footer--italiana .ci-signature-footer__mantovani-mark::before,
.ci-signature-footer--italiana .ci-signature-footer__mantovani-mark::after {
  animation: ci-mantovani-wings-italiana 7.2s ease-in-out infinite;
}

@keyframes ci-mantovani-wings-indie {
  0%, 34% {
    background-color: #f2c500;
    filter: drop-shadow(0 0 4px rgba(242, 197, 0, .34));
  }
  55%, 84% {
    background-color: #08a9d7;
    filter: drop-shadow(0 0 5px rgba(8, 169, 215, .34));
  }
  100% {
    background-color: #f2c500;
    filter: drop-shadow(0 0 4px rgba(242, 197, 0, .34));
  }
}

@keyframes ci-mantovani-wings-italiana {
  0%, 22% {
    background-color: #e51b32;
    filter: drop-shadow(0 0 4px rgba(229, 27, 50, .3));
  }
  33%, 55% {
    background-color: #fff;
    filter: drop-shadow(0 0 4px rgba(255, 255, 255, .25));
  }
  66%, 88% {
    background-color: #00a651;
    filter: drop-shadow(0 0 4px rgba(0, 166, 81, .3));
  }
  100% {
    background-color: #e51b32;
    filter: drop-shadow(0 0 4px rgba(229, 27, 50, .3));
  }
}

@media (prefers-reduced-motion: reduce) {
  .ci-signature-footer__mantovani-mark::before,
  .ci-signature-footer__mantovani-mark::after {
    animation: none !important;
  }
}

.ci-signature-footer__company p {
  margin: 0;
  color: #9da9c2;
  font-size: 10px;
  font-weight: 600;
  line-height: 1.35;
  text-align: center;
  white-space: nowrap;
}

.ci-signature-footer__identities {
  display: grid;
  grid-template-columns: minmax(260px, 1fr) 1px minmax(260px, 1fr);
  grid-column: 1 / -1;
  gap: clamp(22px, 3vw, 48px);
  align-items: center;
}

.ci-signature-footer__identities > i {
  width: 1px;
  height: 44px;
  background: rgba(182, 201, 233, .22);
}

.ci-signature-footer__creator {
  display: inline-flex;
  gap: 9px;
  align-items: center;
  min-width: max-content;
  justify-self: start;
  color: #c5cee1;
  text-decoration: none !important;
}

.ci-signature-footer__creator > span,
.ci-signature-footer__creator > strong {
  text-decoration: none !important;
}

.ci-signature-footer__creator > span {
  color: #99a6bf;
  font-size: 9px;
  font-weight: 800;
  letter-spacing: .08em;
  white-space: nowrap;
}

.ci-signature-footer__creator > img {
  display: block;
  width: 42px;
  height: 42px;
  object-fit: cover;
  border: 2px solid rgba(218, 228, 246, .72);
  border-radius: 50%;
  box-shadow: 0 9px 22px rgba(0, 0, 0, .3);
  filter: grayscale(1) saturate(.1) opacity(.86);
  transition: filter .2s ease, transform .2s ease;
}

.ci-signature-footer__creator > strong {
  color: #dbe3f2;
  font-family: "Ms Madi", "Segoe Script", cursive;
  font-size: 25px;
  font-weight: 400;
  line-height: .9;
  white-space: nowrap;
  transition: color .2s ease;
}

.ci-signature-footer__creator:hover > img {
  filter: grayscale(0) saturate(1) opacity(1);
  transform: translateY(-2px);
}

.ci-signature-footer__creator:hover > strong {
  color: color-mix(in srgb, var(--ci-founder-accent) 64%, white);
}

.ci-signature-footer__site-logo {
  display: inline-flex;
  width: min(250px, 100%);
  min-height: 64px;
  padding: 10px 18px;
  align-items: center;
  justify-content: center;
  justify-self: end;
  background: transparent;
  border: 0;
  border-radius: 0;
  box-shadow: none;
}

.ci-signature-footer__site-logo img {
  display: block;
  width: auto;
  max-width: 100%;
  height: 42px;
  object-fit: contain;
}

.ci-signature-footer--italiana .ci-signature-footer__site-logo {
  width: min(230px, 100%);
}

.ci-signature-footer--italiana .ci-signature-footer__site-logo img {
  height: 74px;
}

.ci-signature-footer--italiana .ci-signature-footer__stats strong {
  font-weight: 500;
  letter-spacing: -.015em;
}

/* Roberto Mantovani pages */
.ci-founder-page {
  display: grid;
  gap: 28px;
  color: #111a33;
}

.ci-founder-hero {
  position: relative;
  display: grid;
  grid-template-columns: minmax(0, 1.15fr) minmax(320px, .72fr);
  gap: clamp(42px, 7vw, 110px);
  min-height: 650px;
  padding: clamp(48px, 7vw, 100px);
  align-items: center;
  overflow: hidden;
  background:
    radial-gradient(circle at 92% 8%, color-mix(in srgb, var(--ci-founder-accent) 24%, transparent), transparent 35%),
    radial-gradient(circle at 3% 100%, color-mix(in srgb, var(--ci-founder-accent-2) 12%, transparent), transparent 38%),
    #fff;
  border: 1px solid #d2dceb;
  border-radius: 32px;
  box-shadow: 0 28px 72px rgba(35, 52, 94, .09);
}

.ci-founder-hero::after {
  position: absolute;
  top: -180px;
  right: -110px;
  width: 520px;
  height: 520px;
  border: 1px solid color-mix(in srgb, var(--ci-founder-accent) 16%, transparent);
  border-radius: 50%;
  content: "";
}

.ci-founder-hero__copy,
.ci-founder-portrait {
  position: relative;
  z-index: 1;
}

.ci-founder-kicker,
.ci-founder-stats > p,
.ci-founder-story aside > p {
  margin: 0;
  color: var(--ci-founder-accent);
  font-size: 12px;
  font-weight: 800;
  letter-spacing: .13em;
  line-height: 1.3;
}

.ci-founder-hero__copy h1 {
  margin: 22px 0 28px;
  color: #10172e;
  font-size: clamp(62px, 7.1vw, 110px);
  font-weight: 650;
  letter-spacing: -.075em;
  line-height: .82;
}

.ci-founder-hero__copy h1 span {
  color: var(--ci-founder-accent);
}

.ci-founder-lead {
  max-width: 750px;
  margin: 0;
  color: #68748b;
  font-size: clamp(18px, 1.55vw, 24px);
  font-weight: 500;
  line-height: 1.58;
}

.ci-founder-lead strong {
  color: #28385e;
}

.ci-founder-actions {
  display: flex;
  flex-wrap: wrap;
  gap: 12px;
  margin-top: 34px;
}

.ci-founder-actions a,
.ci-founder-quote > a {
  display: inline-flex;
  min-height: 54px;
  padding: 13px 24px;
  gap: 13px;
  align-items: center;
  justify-content: center;
  color: #2d3e64;
  background: rgba(255, 255, 255, .82);
  border: 1px solid #cfd9e8;
  border-radius: 999px;
  font-size: 14px;
  font-weight: 800;
  text-decoration: none;
  transition: transform .2s ease, box-shadow .2s ease;
}

.ci-founder-actions a:first-child,
.ci-founder-quote > a {
  color: #fff;
  background: linear-gradient(135deg, var(--ci-founder-accent-2), var(--ci-founder-accent));
  border-color: transparent;
  box-shadow: 0 16px 30px color-mix(in srgb, var(--ci-founder-accent) 25%, transparent);
}

/* Classifica Italiana keeps the softer composition, with lighter typography
   and the black/white calls to action used by the main site. */
.ci-founder-page--italiana .ci-founder-hero__copy h1 {
  font-weight: 500;
  letter-spacing: -.055em;
}

.ci-founder-page--italiana .ci-founder-actions a,
.ci-founder-page--italiana .ci-founder-quote > a {
  font-weight: 600;
}

.ci-founder-page--italiana .ci-founder-actions a:first-child {
  color: #fff;
  background: #08090f;
  border-color: #08090f;
  box-shadow: none;
}

.ci-founder-page--italiana .ci-founder-quote > a {
  color: #08090f;
  background: #fff;
  border-color: #fff;
  box-shadow: none;
}

.ci-founder-actions a:hover,
.ci-founder-quote > a:hover {
  transform: translateY(-2px);
}

.ci-founder-portrait {
  width: min(100%, 430px);
  margin: 0;
  justify-self: end;
}

.ci-founder-portrait > span {
  position: absolute;
  inset: -22px;
  background: linear-gradient(135deg, var(--ci-founder-accent-2), var(--ci-founder-accent) 60%, #d9e9e4);
  border-radius: 50%;
  filter: blur(22px);
  opacity: .4;
}

.ci-founder-portrait picture,
.ci-founder-portrait img {
  position: relative;
  display: block;
  width: 100%;
  aspect-ratio: 1;
  object-fit: cover;
  border-radius: 50%;
}

.ci-founder-portrait img {
  height: auto;
  border: 8px solid rgba(255, 255, 255, .9);
  box-shadow: 0 30px 72px rgba(24, 38, 74, .24);
}

.ci-founder-portrait figcaption {
  position: absolute;
  right: 8%;
  bottom: -10px;
  padding: 10px 25px 13px;
  color: #fff;
  background: var(--ci-founder-dark);
  border-radius: 999px;
  box-shadow: 0 14px 30px rgba(20, 29, 61, .24);
  font-family: "Ms Madi", "Segoe Script", cursive;
  font-size: clamp(31px, 3.1vw, 47px);
  font-weight: 400;
  line-height: .8;
  transform: rotate(-2deg);
  white-space: nowrap;
}

.ci-founder-stats {
  display: grid;
  grid-template-columns: minmax(210px, .55fr) minmax(0, 1.45fr);
  gap: 32px;
  padding: clamp(27px, 3vw, 42px) clamp(28px, 4vw, 62px);
  align-items: center;
  color: #fff;
  background: linear-gradient(125deg, var(--ci-founder-dark), var(--ci-founder-accent-2) 58%, var(--ci-founder-accent));
  border-radius: 27px;
  box-shadow: 0 24px 58px color-mix(in srgb, var(--ci-founder-accent-2) 20%, transparent);
}

.ci-founder-stats > p {
  color: #d5deef;
}

.ci-founder-stats > div {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
}

.ci-founder-stats > div > div {
  display: grid;
  gap: 5px;
  padding: 0 26px;
  border-left: 1px solid rgba(255, 255, 255, .2);
}

.ci-founder-stats strong {
  color: #fff;
  font-size: clamp(25px, 2.4vw, 38px);
  font-weight: 800;
  letter-spacing: -.04em;
  line-height: 1;
}

.ci-founder-stats span {
  color: #d3dbea;
  font-size: 11px;
  font-weight: 600;
  line-height: 1.35;
}

.ci-founder-story {
  display: grid;
  grid-template-columns: minmax(230px, 320px) minmax(0, 830px);
  gap: clamp(50px, 8vw, 125px);
  justify-content: center;
  padding: clamp(64px, 8vw, 116px) clamp(28px, 7vw, 104px);
  color: #d5dded;
  background: var(--ci-founder-dark);
  border-radius: 32px;
}

.ci-founder-story aside {
  position: sticky;
  top: 120px;
  align-self: start;
}

.ci-founder-story aside h2 {
  margin: 16px 0 0;
  color: #fff;
  font-size: clamp(28px, 3vw, 46px);
  font-weight: 700;
  letter-spacing: -.045em;
  line-height: 1.05;
}

.ci-founder-story > div {
  display: grid;
  gap: 22px;
}

.ci-founder-story > div p {
  margin: 0;
  color: #b9c5d9;
  font-size: 17px;
  font-weight: 450;
  line-height: 1.72;
}

.ci-founder-story > div p.is-intro {
  color: #f4f6fa;
  font-size: 21px;
  line-height: 1.62;
}

.ci-founder-story > div h2 {
  margin: 32px 0 0;
  color: color-mix(in srgb, var(--ci-founder-accent) 62%, white);
  font-size: clamp(30px, 3.5vw, 52px);
  font-weight: 700;
  letter-spacing: -.045em;
  line-height: 1.06;
}

.ci-founder-values {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 16px;
}

.ci-founder-values > div {
  min-height: 260px;
  padding: clamp(28px, 3.5vw, 50px);
  background: #fff;
  border: 1px solid #d7e0ec;
  border-radius: 26px;
  box-shadow: 0 18px 48px rgba(35, 51, 89, .06);
}

.ci-founder-values span {
  color: var(--ci-founder-accent);
  font-size: 12px;
  font-weight: 900;
  letter-spacing: .13em;
}

.ci-founder-values h2 {
  margin: 48px 0 12px;
  color: #111a33;
  font-size: 30px;
  line-height: 1;
}

.ci-founder-values p {
  margin: 0;
  color: #6b778d;
  font-size: 15px;
  line-height: 1.6;
}

.ci-founder-quote {
  display: grid;
  min-height: 390px;
  padding: clamp(52px, 7vw, 96px);
  place-items: center;
  text-align: center;
  background:
    radial-gradient(circle at 20% 5%, color-mix(in srgb, var(--ci-founder-accent) 25%, transparent), transparent 32%),
    linear-gradient(132deg, var(--ci-founder-dark), #18254a);
  border-radius: 32px;
}

.ci-founder-quote > p {
  max-width: 1120px;
  margin: 0;
  color: #fff;
  font-size: clamp(34px, 5vw, 72px);
  font-weight: 650;
  letter-spacing: -.055em;
  line-height: 1.04;
}

.ci-founder-quote > p span {
  color: color-mix(in srgb, var(--ci-founder-accent) 70%, white);
}

.ci-founder-quote > strong {
  margin-top: 22px;
  color: #dbe3f2;
  font-family: "Ms Madi", "Segoe Script", cursive;
  font-size: 36px;
  font-weight: 400;
}

.ci-founder-quote > a {
  margin-top: 28px;
}

/* Classifica Indie uses the squared visual language of the public site. */
.ci-founder-page--indie {
  padding-top: clamp(20px, 2.5vw, 34px);
}

.ci-founder-page--indie .ci-founder-hero,
.ci-founder-page--indie .ci-founder-stats,
.ci-founder-page--indie .ci-founder-story,
.ci-founder-page--indie .ci-founder-values > div,
.ci-founder-page--indie .ci-founder-quote,
.ci-founder-page--indie .ci-founder-actions a,
.ci-founder-page--indie .ci-founder-quote > a,
.ci-founder-page--indie .ci-founder-portrait > span,
.ci-founder-page--indie .ci-founder-portrait picture,
.ci-founder-page--indie .ci-founder-portrait img,
.ci-founder-page--indie .ci-founder-portrait figcaption {
  border-radius: 0;
}

.ci-founder-page--indie .ci-founder-hero,
.ci-founder-page--indie .ci-founder-values > div {
  border: 2px solid #08090f;
  box-shadow: none;
}

.ci-founder-page--indie .ci-founder-stats,
.ci-founder-page--indie .ci-founder-story,
.ci-founder-page--indie .ci-founder-quote {
  background: #08090f;
  box-shadow: none;
}

.ci-founder-page--indie .ci-founder-actions a:first-child,
.ci-founder-page--indie .ci-founder-quote > a {
  color: #fff;
  background: #08090f;
  border-color: #08090f;
  box-shadow: none;
}

.ci-founder-page--indie .ci-founder-actions a:not(:first-child) {
  color: #08090f;
  background: #fff;
  border-color: #08090f;
}

.ci-founder-page--indie .ci-founder-portrait > span {
  opacity: .2;
}

@media (max-width: 980px) {
  .ci-signature-footer__inner {
    grid-template-columns: 1fr;
    width: min(100% - 48px, 820px);
    padding: 38px 0;
    text-align: center;
  }

  .ci-signature-footer__about > p {
    margin-inline: auto;
  }

  body.ci-public .ci-signature-footer__links {
    justify-content: center;
  }

  .ci-signature-footer__stats {
    justify-content: center;
  }

  .ci-signature-footer__stats > span,
  .ci-signature-footer__stats strong {
    text-align: center;
  }

  .ci-signature-footer__company,
  .ci-signature-footer__identities {
    grid-column: 1;
  }

  .ci-founder-hero {
    grid-template-columns: 1fr;
    min-height: 0;
    text-align: center;
  }

  .ci-founder-actions {
    justify-content: center;
  }

  .ci-founder-portrait {
    width: min(70vw, 390px);
    justify-self: center;
  }

  .ci-founder-stats {
    grid-template-columns: 1fr;
    text-align: center;
  }

  .ci-founder-story {
    grid-template-columns: 1fr;
    gap: 44px;
  }

  .ci-founder-story aside {
    position: static;
  }
}

@media (max-width: 700px) {
  body.ci-public .ci-footer.ci-signature-footer {
    margin-top: 24px;
  }

  .ci-signature-footer__inner {
    width: min(100% - 34px, 560px);
    gap: 28px;
    padding: 36px 0 32px;
  }

  .ci-signature-footer__about > p {
    font-size: 13px;
  }

  body.ci-public .ci-signature-footer__links {
    display: grid;
    gap: 12px;
  }

  body.ci-public .ci-signature-footer__links a {
    justify-content: center;
  }

  body.ci-public .ci-signature-footer__links a + a::before {
    display: none;
  }

  .ci-signature-footer__stats {
    grid-template-columns: repeat(3, minmax(0, 1fr));
    width: 100%;
    gap: 8px;
  }

  .ci-signature-footer__stats strong {
    font-size: clamp(17px, 5.5vw, 23px);
  }

  .ci-signature-footer__company {
    gap: 14px;
  }

  .ci-signature-footer__identities {
    grid-template-columns: 1fr;
    gap: 24px;
  }

  .ci-signature-footer__identities > i {
    width: 100%;
    height: 1px;
  }

  .ci-signature-footer__creator,
  .ci-signature-footer__site-logo {
    justify-self: center;
  }

  .ci-signature-footer__creator {
    min-width: 0;
  }

  .ci-signature-footer__creator > strong {
    font-size: 23px;
  }

  .ci-signature-footer__site-logo {
    width: min(235px, 100%);
  }

  .ci-founder-page {
    gap: 16px;
  }

  .ci-founder-hero,
  .ci-founder-story,
  .ci-founder-quote {
    padding: 34px 22px;
    border-radius: 23px;
  }

  .ci-founder-hero__copy h1 {
    margin: 18px 0 24px;
    font-size: clamp(49px, 17vw, 72px);
  }

  .ci-founder-lead {
    font-size: 17px;
  }

  .ci-founder-actions {
    display: grid;
  }

  .ci-founder-actions a {
    width: 100%;
  }

  .ci-founder-portrait {
    width: min(74vw, 320px);
    margin-top: 18px;
  }

  .ci-founder-portrait figcaption {
    right: 3%;
    padding-inline: 20px;
    font-size: 32px;
  }

  .ci-founder-stats {
    gap: 22px;
    padding: 28px 18px;
    border-radius: 21px;
  }

  .ci-founder-stats > div > div {
    padding: 0 8px;
  }

  .ci-founder-stats strong {
    font-size: clamp(19px, 6vw, 26px);
  }

  .ci-founder-stats span {
    font-size: 9px;
  }

  .ci-founder-story aside h2 {
    font-size: 31px;
  }

  .ci-founder-story > div p,
  .ci-founder-story > div p.is-intro {
    font-size: 16px;
    line-height: 1.65;
  }

  .ci-founder-story > div h2 {
    font-size: 31px;
  }

  .ci-founder-values {
    grid-template-columns: 1fr;
  }

  .ci-founder-values > div {
    min-height: 0;
    padding: 30px 25px;
  }

  .ci-founder-values h2 {
    margin-top: 26px;
  }

  .ci-founder-quote {
    min-height: 0;
  }

  .ci-founder-quote > p {
    font-size: clamp(30px, 10vw, 44px);
  }
}

@media (prefers-reduced-motion: reduce) {
  .ci-signature-footer__creator > img,
  .ci-signature-footer__site-logo,
  .ci-founder-actions a,
  .ci-founder-quote > a {
    transition: none;
  }
}