/* =========================================================
   FMB ABOUT PAGE

   Editorial storytelling for the About page. The shared shell, headings,
   eyebrow labels, links, palette, typography, and spacing tokens come from
   tokens.css + editorial.css. This file owns About-specific composition only.

   1. Shared About rules
   2. Why FMB Exists
   3. Who FMB Is For
   4. How FMB Thinks
   5. Who Writes FMB
   6. Content Process
   7. What FMB Covers
   8. Independent by Design
   9. Where to Go Next
   10. Responsive rules
========================================================= */

/* =========================================================
   1. SHARED ABOUT RULES
========================================================= */

/*
 * About intentionally uses the same editorial type scale as the rest of FMB,
 * with a slightly tighter local vertical rhythm so the page reads as one
 * editorial story rather than a stack of oversized landing-page modules.
 */
.fmb-about-section {
  padding: clamp(34px, 3vw, 44px) 0;
}

.fmb-about-section .fmb-editorial-heading {
  margin-bottom: 20px;
}

.fmb-about-section .fmb-editorial-title,
.fmb-about-section .fmb-editorial-heading > h2 {
  font-size: var(--fmb-editorial-title-size);
  line-height: var(--fmb-editorial-title-line);
}

.fmb-about-heading--dark .fmb-editorial-title,
.fmb-about-heading--dark > h2 {
  color: var(--fmb-white);
}

.fmb-about-heading--dark .fmb-editorial-description,
.fmb-about-heading--dark > p:not(.fmb-editorial-eyebrow) {
  color: rgba(255, 255, 255, 0.67);
}

.fmb-about-heading--dark .fmb-editorial-eyebrow {
  color: var(--fmb-gold);
}

.fmb-about-heading--center {
  margin-inline: auto;
  text-align: center;
}

.fmb-about-heading--center .fmb-editorial-eyebrow {
  justify-content: center;
}

.fmb-about-heading--center .fmb-editorial-description {
  margin-inline: auto;
}

/* =========================================================
   2. WHY FMB EXISTS
========================================================= */

.fmb-about-why {
  overflow: hidden;
  background:
    radial-gradient(circle at 88% 18%, rgba(212, 182, 120, 0.08), transparent 25%),
    var(--fmb-navy);
  color: var(--fmb-white);
}

.fmb-about-why__layout {
  display: grid;
  grid-template-columns: minmax(0, 0.9fr) minmax(520px, 1.1fr);
  gap: clamp(34px, 4vw, 64px);
  align-items: center;
}

.fmb-about-why__copy .fmb-editorial-heading {
  margin-bottom: 16px;
}

.fmb-about-why__copy > p {
  max-width: 620px;
  margin: 0;
  color: rgba(255, 255, 255, 0.7);
  font-size: 0.88rem;
  line-height: 1.7;
}

.fmb-about-why__copy > p + p {
  margin-top: 12px;
}

.fmb-about-why__quotes {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 12px;
}

.fmb-about-why__quotes blockquote {
  position: relative;
  min-height: 88px;
  margin: 0;
  padding: 19px 20px 17px 48px;
  border: 1px solid rgba(255, 255, 255, 0.08);
  border-radius: var(--fmb-radius-md);
  background: rgba(255, 255, 255, 0.055);
  color: rgba(255, 255, 255, 0.92);
  font-family: var(--fmb-font-display);
  font-size: clamp(1rem, 1.25vw, 1.18rem);
  font-weight: 700;
  line-height: 1.3;
}

.fmb-about-why__quotes blockquote > span {
  position: absolute;
  top: 16px;
  left: 20px;
  color: var(--fmb-gold);
  font-family: Georgia, serif;
  font-size: 2rem;
  line-height: 1;
}

.fmb-about-why__callout {
  display: flex;
  flex-wrap: wrap;
  gap: 5px;
  justify-content: center;
  margin: 18px 0 0;
  color: rgba(255, 255, 255, 0.76);
  font-size: 0.82rem;
  line-height: 1.55;
  text-align: center;
}

.fmb-about-why__callout strong {
  color: var(--fmb-gold);
}

/* =========================================================
   3. WHO FMB IS FOR
========================================================= */

.fmb-about-audience {
  background: var(--fmb-white);
}

.fmb-about-audience__grid {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  border-top: 1px solid var(--fmb-editorial-border);
  border-bottom: 1px solid var(--fmb-editorial-border);
}

.fmb-about-audience__item {
  min-height: 158px;
  padding: 22px 26px 20px;
}

.fmb-about-audience__item + .fmb-about-audience__item {
  border-left: 1px solid var(--fmb-editorial-border);
}

.fmb-about-audience__icon {
  display: grid;
  width: 38px;
  height: 38px;
  margin-bottom: 13px;
  border: 1px solid rgba(168, 130, 58, 0.32);
  border-radius: 50%;
  color: var(--fmb-gold-dark);
  place-items: center;
}

.fmb-about-audience__icon svg {
  width: 19px;
  height: 19px;
}

.fmb-about-audience__item h3 {
  margin: 0;
  color: var(--fmb-navy);
  font-family: var(--fmb-font-display);
  font-size: 1.05rem;
  line-height: 1.28;
}

.fmb-about-audience__item p {
  margin: 8px 0 0;
  color: var(--fmb-body);
  font-size: 0.86rem;
  line-height: 1.6;
}

/* =========================================================
   4. HOW FMB THINKS
========================================================= */

.fmb-about-principles {
  background: var(--fmb-navy-dark);
  color: var(--fmb-white);
}

/* The dark principles section follows the same left-aligned editorial hierarchy. */
.fmb-about-principles .fmb-about-heading--center {
  max-width: var(--fmb-editorial-heading-max);
  margin-inline: 0;
  text-align: left;
}

.fmb-about-principles .fmb-about-heading--center .fmb-editorial-eyebrow {
  justify-content: flex-start;
}

.fmb-about-principles .fmb-about-heading--center .fmb-editorial-description {
  margin-inline: 0;
}

.fmb-about-principles__grid {
  display: grid;
  grid-template-columns: repeat(5, minmax(0, 1fr));
  border-top: 1px solid rgba(255, 255, 255, 0.13);
  border-bottom: 1px solid rgba(255, 255, 255, 0.13);
}

.fmb-about-principles__item {
  min-height: 160px;
  padding: 22px 20px 20px;
  text-align: center;
}

.fmb-about-principles__item + .fmb-about-principles__item {
  border-left: 1px solid rgba(255, 255, 255, 0.13);
}

.fmb-about-principles__icon {
  display: grid;
  width: 42px;
  height: 42px;
  margin: 0 auto 12px;
  color: var(--fmb-gold);
  place-items: center;
}

.fmb-about-principles__icon svg {
  width: 29px;
  height: 29px;
}

.fmb-about-principles__item h3 {
  margin: 0;
  color: var(--fmb-white);
  font-size: 0.9rem;
  line-height: 1.35;
}

.fmb-about-principles__item p {
  max-width: 190px;
  margin: 7px auto 0;
  color: rgba(255, 255, 255, 0.6);
  font-size: 0.84rem;
  line-height: 1.58;
}

/* =========================================================
   5. WHO WRITES FMB
========================================================= */

.fmb-about-founder {
  background: var(--fmb-off-white);
}

/*
 * Founder heading intentionally uses the shared FMB editorial eyebrow pattern:
 * short horizontal gold rule + uppercase eyebrow + title beneath it.
 * Do not add a separate vertical rule here; consistency with the other
 * editorial sections is more important than making this heading unique.
 */
.fmb-about-founder__heading {
  max-width: var(--fmb-editorial-heading-max);
  margin: 0 0 22px;
}

.fmb-about-founder__heading h2 {
  max-width: 900px;
  margin: 0;
  color: var(--fmb-navy);
  font-family: var(--fmb-font-display);
  font-size: var(--fmb-editorial-title-size);
  font-weight: 800;
  letter-spacing: -0.015em;
  line-height: var(--fmb-editorial-title-line);
  text-wrap: balance;
}

.fmb-about-founder__panel {
  display: grid;
  grid-template-columns: minmax(350px, 0.72fr) minmax(0, 1.6fr);
  overflow: hidden;
  border: 1px solid rgba(168, 130, 58, 0.26);
  border-radius: var(--fmb-radius-md);
  background: var(--fmb-white);
  box-shadow: var(--fmb-shadow-sm);
}

.fmb-about-founder__portrait {
  position: relative;
  isolation: isolate;
  min-height: 320px;
  overflow: hidden;
  background: linear-gradient(145deg, var(--fmb-navy-soft), var(--fmb-navy-dark));
}

.fmb-about-founder__portrait::before {
  position: absolute;
  z-index: -1;
  inset: 0;
  background-image:
    linear-gradient(rgba(255, 255, 255, 0.025) 1px, transparent 1px),
    linear-gradient(90deg, rgba(255, 255, 255, 0.025) 1px, transparent 1px);
  background-size: 34px 34px;
  content: "";
}

.fmb-about-founder__silhouette {
  position: absolute;
  left: 52%;
  top: 50%;
  width: 198px;
  height: 270px;
  transform: translate(-46%, -46%);
}

.fmb-about-founder__head,
.fmb-about-founder__body {
  position: absolute;
  display: block;
  background: var(--fmb-navy-dark);
}

.fmb-about-founder__head {
  top: 4px;
  left: 50%;
  width: 82px;
  height: 82px;
  border-radius: 50%;
  transform: translateX(-50%);
}

.fmb-about-founder__body {
  bottom: 0;
  left: 50%;
  width: 158px;
  height: 162px;
  border-radius: 79px 79px 0 0;
  transform: translateX(-50%);
}

.fmb-about-founder__seal {
  position: absolute;
  bottom: 24px;
  left: 24px;
  display: grid;
  width: 88px;
  height: 88px;
  border: 2px solid var(--fmb-gold);
  border-radius: 50%;
  background: rgba(4, 16, 31, 0.82);
  color: var(--fmb-gold);
  place-content: center;
  text-align: center;
}

.fmb-about-founder__seal strong,
.fmb-about-founder__seal span {
  display: block;
}

.fmb-about-founder__seal strong {
  font-family: var(--fmb-font-display);
  font-size: 1.45rem;
  line-height: 1;
}

.fmb-about-founder__seal span {
  margin-top: 7px;
  font-size: 0.48rem;
  font-weight: 800;
  letter-spacing: 0.08em;
  line-height: 1.25;
  text-transform: uppercase;
}

.fmb-about-founder__content {
  display: flex;
  min-width: 0;
  flex-direction: column;
  justify-content: center;
  padding: clamp(30px, 3.2vw, 44px);
}

.fmb-about-founder__content > h3 {
  margin: 0 0 12px;
  color: var(--fmb-navy);
  font-family: var(--fmb-font-display);
  font-size: clamp(25px, 2.1vw, 34px);
  line-height: 1.08;
}

.fmb-about-founder__content > p {
  max-width: 940px;
  margin: 0;
  color: var(--fmb-heading);
  font-size: 0.9rem;
  line-height: 1.68;
}

.fmb-about-founder__content > p + p {
  margin-top: 14px;
}

.fmb-about-founder__credentials {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 12px;
  margin-top: 20px;
}

.fmb-about-founder__credential {
  display: grid;
  grid-template-columns: 34px minmax(0, 1fr);
  gap: 12px;
  min-height: 88px;
  padding: 15px 16px;
  border: 1px solid rgba(168, 130, 58, 0.28);
  border-radius: var(--fmb-radius-sm);
  background: var(--fmb-off-white);
}

.fmb-about-founder__credential > span {
  color: var(--fmb-gold-dark);
}

.fmb-about-founder__credential > span svg {
  width: 24px;
  height: 24px;
}

.fmb-about-founder__credential strong,
.fmb-about-founder__credential small {
  display: block;
}

.fmb-about-founder__credential strong {
  color: var(--fmb-navy);
  font-size: 0.84rem;
  line-height: 1.35;
}

.fmb-about-founder__credential small {
  margin-top: 5px;
  color: var(--fmb-body);
  font-size: 0.74rem;
  line-height: 1.45;
}

.fmb-about-founder__privacy {
  display: grid;
  grid-template-columns: 46px minmax(0, 1fr);
  gap: 16px;
  align-items: center;
  margin-top: 12px;
  padding: 15px 18px;
  border: 1px solid rgba(168, 130, 58, 0.26);
  border-radius: var(--fmb-radius-sm);
  background: var(--fmb-white);
}

.fmb-about-founder__privacy-icon {
  display: grid;
  width: 42px;
  height: 42px;
  border: 1px solid rgba(168, 130, 58, 0.38);
  border-radius: 50%;
  color: var(--fmb-gold-dark);
  place-items: center;
}

.fmb-about-founder__privacy-icon svg {
  width: 18px;
  height: 18px;
}

.fmb-about-founder__privacy-label {
  margin: 0 0 3px !important;
  color: var(--fmb-gold-dark) !important;
  font-family: "Montserrat", sans-serif;
  font-size: 0.61rem !important;
  font-weight: 700;
  letter-spacing: 0.13em;
  line-height: 1.3 !important;
  text-transform: uppercase;
}

.fmb-about-founder__privacy p:last-child {
  margin: 0;
  color: var(--fmb-heading);
  font-size: 0.86rem;
  line-height: 1.6;
}

/* =========================================================
   6. CONTENT PROCESS
========================================================= */

.fmb-about-process {
  background: var(--fmb-cream);
}

/* Keep the process heading aligned with every other editorial section. */
.fmb-about-process .fmb-about-heading--center {
  max-width: var(--fmb-editorial-heading-max);
  margin-inline: 0;
  text-align: left;
}

.fmb-about-process .fmb-about-heading--center .fmb-editorial-eyebrow {
  justify-content: flex-start;
}

.fmb-about-process .fmb-about-heading--center .fmb-editorial-description {
  margin-inline: 0;
}

.fmb-about-process__steps {
  display: grid;
  grid-template-columns: repeat(5, minmax(0, 1fr));
  margin-top: 0;
  border-top: 1px solid var(--fmb-editorial-border);
  border-bottom: 1px solid var(--fmb-editorial-border);
}

.fmb-about-process__step {
  position: relative;
  min-height: 158px;
  padding: 20px 18px 18px;
  text-align: center;
}

.fmb-about-process__step + .fmb-about-process__step {
  border-left: 1px solid var(--fmb-editorial-border);
}

.fmb-about-process__icon {
  display: grid;
  width: 42px;
  height: 42px;
  margin: 0 auto 11px;
  border-radius: 50%;
  background: var(--fmb-navy);
  color: var(--fmb-gold);
  place-items: center;
}

.fmb-about-process__icon svg {
  width: 18px;
  height: 18px;
}

.fmb-about-process__number {
  position: absolute;
  top: 13px;
  right: 13px;
  color: rgba(7, 24, 47, 0.18);
  font-family: var(--fmb-font-display);
  font-size: 0.72rem;
  font-weight: 800;
}

.fmb-about-process__step h3 {
  margin: 0;
  color: var(--fmb-navy);
  font-size: 0.9rem;
  line-height: 1.35;
}

.fmb-about-process__step p {
  max-width: 190px;
  margin: 7px auto 0;
  color: var(--fmb-body);
  font-size: 0.84rem;
  line-height: 1.58;
}

.fmb-about-process__actions {
  display: flex;
  flex-wrap: wrap;
  justify-content: flex-start;
  gap: 28px;
  margin-top: 18px;
}

/* =========================================================
   7. WHAT FMB COVERS
========================================================= */

.fmb-about-topics {
  background: var(--fmb-white);
}

.fmb-about-topics__grid {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  border-top: 1px solid var(--fmb-editorial-border);
}

.fmb-about-topics__item {
  min-height: 150px;
  padding: 20px 28px 19px;
  border-bottom: 1px solid var(--fmb-editorial-border);
}

.fmb-about-topics__item:not(:nth-child(3n + 1)) {
  border-left: 1px solid var(--fmb-editorial-border);
}

.fmb-about-topics__icon {
  display: grid;
  width: 32px;
  height: 32px;
  margin-bottom: 11px;
  color: var(--fmb-gold-dark);
  place-items: center;
}

.fmb-about-topics__icon svg {
  width: 23px;
  height: 23px;
}

.fmb-about-topics__item h3 {
  margin: 0;
  color: var(--fmb-navy);
  font-family: var(--fmb-font-display);
  font-size: 1rem;
  line-height: 1.3;
}

.fmb-about-topics__item p {
  margin: 6px 0 11px;
  color: var(--fmb-body);
  font-size: 0.86rem;
  line-height: 1.58;
}

.fmb-about-topics__item .fmb-editorial-link {
  margin-top: auto;
  font-size: 0.82rem;
}

/* =========================================================
   8. INDEPENDENT BY DESIGN
========================================================= */

.fmb-about-independence {
  background:
    linear-gradient(115deg, rgba(255, 255, 255, 0.018), transparent 42%),
    var(--fmb-navy);
  color: var(--fmb-white);
}

.fmb-about-independence .fmb-editorial-heading {
  max-width: 780px;
}

.fmb-about-independence__grid {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  margin-top: 20px;
  border-top: 1px solid rgba(255, 255, 255, 0.13);
  border-bottom: 1px solid rgba(255, 255, 255, 0.13);
}

.fmb-about-independence__item {
  min-height: 158px;
  padding: 21px 22px 19px;
}

.fmb-about-independence__item + .fmb-about-independence__item {
  border-left: 1px solid rgba(255, 255, 255, 0.13);
}

.fmb-about-independence__icon {
  display: grid;
  width: 38px;
  height: 38px;
  margin-bottom: 12px;
  color: var(--fmb-gold);
  place-items: center;
}

.fmb-about-independence__icon svg {
  width: 28px;
  height: 28px;
}

.fmb-about-independence__item h3 {
  margin: 0;
  color: var(--fmb-white);
  font-size: 0.9rem;
  line-height: 1.35;
}

.fmb-about-independence__item p {
  margin: 7px 0 0;
  color: rgba(255, 255, 255, 0.6);
  font-size: 0.84rem;
  line-height: 1.58;
}

.fmb-about-independence__actions {
  display: flex;
  flex-wrap: wrap;
  gap: 24px;
  margin-top: 18px;
}

.fmb-about-independence__actions a {
  display: inline-flex;
  align-items: center;
  gap: 7px;
  padding-bottom: 3px;
  border-bottom: 1px solid rgba(212, 182, 120, 0.42);
  color: var(--fmb-gold);
  font-size: 0.82rem;
  font-weight: 750;
  text-decoration: none;
}

.fmb-about-independence__actions a:hover {
  border-bottom-color: var(--fmb-gold-hover);
  color: var(--fmb-gold-hover);
}

/* =========================================================
   9. WHERE TO GO NEXT
========================================================= */

.fmb-about-next {
  background: var(--fmb-off-white);
}

.fmb-about-next__grid {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 14px;
}

.fmb-about-next__item {
  display: grid;
  grid-template-columns: 44px minmax(0, 1fr);
  gap: 15px;
  min-height: 128px;
  padding: 19px 20px;
  border: 1px solid var(--fmb-editorial-border);
  border-radius: var(--fmb-radius-md);
  background: var(--fmb-white);
  color: inherit;
  text-decoration: none;
  transition: border-color var(--fmb-transition), box-shadow var(--fmb-transition), transform var(--fmb-transition);
}

.fmb-about-next__item:hover {
  border-color: rgba(168, 130, 58, 0.38);
  box-shadow: 0 10px 26px rgba(7, 24, 47, 0.055);
  transform: translateY(-2px);
}

.fmb-about-next__icon {
  display: grid;
  width: 42px;
  height: 42px;
  border-radius: 50%;
  background: var(--fmb-cream);
  color: var(--fmb-gold-dark);
  place-items: center;
}

.fmb-about-next__icon svg {
  width: 20px;
  height: 20px;
}

.fmb-about-next__copy strong,
.fmb-about-next__copy small,
.fmb-about-next__link {
  display: block;
}

.fmb-about-next__copy strong {
  color: var(--fmb-navy);
  font-family: var(--fmb-font-display);
  font-size: 1rem;
  line-height: 1.3;
}

.fmb-about-next__copy small {
  margin-top: 6px;
  color: var(--fmb-body);
  font-size: 0.86rem;
  line-height: 1.55;
}

.fmb-about-next__link {
  margin-top: 14px;
  color: var(--fmb-gold-dark);
  font-size: 0.82rem;
  font-weight: 750;
  line-height: 1.4;
}

/* =========================================================
   10. RESPONSIVE RULES
========================================================= */

@media (max-width: 1180px) {
  .fmb-about-why__layout {
    grid-template-columns: minmax(0, 0.9fr) minmax(440px, 1.1fr);
    gap: 34px;
  }

  .fmb-about-audience__grid,
  .fmb-about-independence__grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .fmb-about-audience__item:nth-child(3),
  .fmb-about-independence__item:nth-child(3) {
    border-left: 0;
  }

  .fmb-about-audience__item:nth-child(-n + 2),
  .fmb-about-independence__item:nth-child(-n + 2) {
    border-bottom: 1px solid var(--fmb-editorial-border);
  }

  .fmb-about-independence__item:nth-child(-n + 2) {
    border-bottom-color: rgba(255, 255, 255, 0.13);
  }

  .fmb-about-principles__grid {
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }

  .fmb-about-principles__item:nth-child(4) {
    border-left: 0;
  }

  .fmb-about-principles__item:nth-child(-n + 3) {
    border-bottom: 1px solid rgba(255, 255, 255, 0.13);
  }

  .fmb-about-process__steps {
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }

  .fmb-about-process__step:nth-child(4) {
    border-left: 0;
  }

  .fmb-about-process__step:nth-child(-n + 3) {
    border-bottom: 1px solid var(--fmb-editorial-border);
  }
}

@media (max-width: 900px) {
  .fmb-about-why__layout {
    grid-template-columns: 1fr;
  }

  .fmb-about-founder__panel {
    grid-template-columns: minmax(280px, 0.75fr) minmax(0, 1.25fr);
  }

  .fmb-about-founder__content {
    padding: 30px;
  }

  .fmb-about-founder__credentials {
    grid-template-columns: 1fr;
  }

  .fmb-about-topics__grid,
  .fmb-about-next__grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .fmb-about-topics__item:not(:nth-child(3n + 1)) {
    border-left: 0;
  }

  .fmb-about-topics__item:nth-child(even) {
    border-left: 1px solid var(--fmb-editorial-border);
  }
}

@media (max-width: 680px) {
  .fmb-about-section {
    padding-block: clamp(30px, 8vw, 38px);
  }

  .fmb-about-why__quotes {
    grid-template-columns: 1fr;
  }

  .fmb-about-audience__grid,
  .fmb-about-principles__grid,
  .fmb-about-independence__grid,
  .fmb-about-process__steps,
  .fmb-about-topics__grid,
  .fmb-about-next__grid {
    grid-template-columns: 1fr;
  }

  .fmb-about-audience__item,
  .fmb-about-principles__item,
  .fmb-about-independence__item,
  .fmb-about-process__step,
  .fmb-about-topics__item {
    min-height: 0;
  }

  .fmb-about-audience__item,
  .fmb-about-audience__item + .fmb-about-audience__item,
  .fmb-about-principles__item,
  .fmb-about-principles__item + .fmb-about-principles__item,
  .fmb-about-independence__item,
  .fmb-about-independence__item + .fmb-about-independence__item,
  .fmb-about-process__step,
  .fmb-about-process__step + .fmb-about-process__step,
  .fmb-about-topics__item,
  .fmb-about-topics__item:nth-child(even) {
    padding: 21px 0;
    border-right: 0;
    border-left: 0;
    border-bottom: 1px solid var(--fmb-editorial-border);
  }

  .fmb-about-principles__item,
  .fmb-about-principles__item + .fmb-about-principles__item,
  .fmb-about-independence__item,
  .fmb-about-independence__item + .fmb-about-independence__item {
    border-bottom-color: rgba(255, 255, 255, 0.13);
  }
  .fmb-about-founder__heading h2 {
    font-size: 30px;
    line-height: 1.08;
  }

  .fmb-about-founder__panel {
    grid-template-columns: 1fr;
  }

  .fmb-about-founder__portrait {
    min-height: 290px;
  }

  .fmb-about-founder__silhouette {
    top: 52%;
    transform: translate(-50%, -50%) scale(0.82);
  }

  .fmb-about-founder__seal {
    bottom: 20px;
    left: 20px;
    width: 88px;
    height: 88px;
  }

  .fmb-about-founder__content {
    padding: 26px 22px;
  }

  .fmb-about-founder__privacy {
    grid-template-columns: 38px minmax(0, 1fr);
    padding: 16px;
  }

  .fmb-about-founder__privacy-icon {
    width: 36px;
    height: 36px;
  }

  .fmb-about-process__actions,
  .fmb-about-independence__actions {
    align-items: flex-start;
    flex-direction: column;
    gap: 14px;
  }

  .fmb-about-next__item {
    min-height: 0;
  }
}