/* Founder page: real portrait + illustrated origin story + real photos. Pauzie cream / pine / green. */
.fd { --f-pine: #3F4021; --f-green: #5a7a1f; --f-cream: #F2F0EA; background: var(--f-cream); color: #1d1d16; }
.fd h1, .fd h2, .fd h3 { letter-spacing: -.03em; }
.fd em { font-style: normal; color: var(--f-green); }
.fd-hero { padding: 104px 16px 0; overflow: hidden; }
.fd-hero__in { max-width: 1100px; margin: 0 auto; display: grid; gap: 8px; align-items: end; }
@media (min-width: 860px) { .fd-hero__in { grid-template-columns: 1fr 1fr; gap: 40px; } .fd-hero { padding-top: 140px; } }
.fd-kick { margin: 0 0 12px; font-size: 16px; font-weight: 700; letter-spacing: .1em; text-transform: uppercase; color: var(--f-green); }
.fd-hero h1 { margin: 0; font: 600 clamp(44px, 10vw, 84px)/1.0 Fraunces, Georgia, serif; color: var(--f-pine); }
.fd-lede { margin: 18px 0 0; max-width: 26ch; font-size: clamp(20px, 2.1vw, 26px); font-weight: 600; line-height: 1.35; color: var(--f-pine); }
.fd-hero__copy { padding-bottom: 8px; }
@media (min-width: 860px) { .fd-hero__copy { padding-bottom: 80px; } }
.fd-hero__img { width: 100%; max-width: 520px; justify-self: center; display: block; border-radius: 0; }

.fd-facts { display: grid; grid-template-columns: 1fr 1fr; gap: 10px; padding: 16px; max-width: 1100px; margin: 0 auto; }
@media (min-width: 860px) { .fd-facts { grid-template-columns: repeat(4, 1fr); gap: 14px; } }
.fd-fact { background: #fff; border-radius: 22px; padding: 20px; display: flex; flex-direction: column; justify-content: center; }
.fd-fact b { font-size: clamp(32px, 4vw, 44px); font-weight: 600; letter-spacing: -.04em; color: var(--f-green); line-height: 1; }
.fd-fact span { margin-top: 6px; font-size: 18px; font-weight: 600; color: var(--f-pine); }
.fd-fact--book { flex-direction: row; align-items: center; gap: 12px; }
.fd-fact--book img { width: 64px; height: auto; border-radius: 0; }
.fd-fact--book span { margin: 0; display: flex; flex-direction: column; }
.fd-fact--book span b { font-size: 22px; }

.fd-story { padding: 80px 16px 40px; max-width: 1100px; margin: 0 auto; }
.fd-story h2, .fd-real h2, .fd-cta h2 { text-align: center; margin: 0 0 32px; font-size: clamp(34px, 8vw, 60px); font-weight: 600; line-height: 1.05; color: #1d1d16; }
.fd-steps { list-style: none; margin: 0; padding: 0; display: grid; gap: 22px; }
.fd-step { display: grid; gap: 0; background: #fff; border-radius: 26px; overflow: hidden; }
.fd-step img { width: 100%; aspect-ratio: 3 / 2; object-fit: cover; display: block; border-radius: 0; }
.fd-step > div { padding: 20px 22px 26px; }
@media (min-width: 860px) {
  .fd-step { grid-template-columns: 1.1fr 1fr; align-items: center; }
  .fd-step:nth-child(even) img { order: 2; }
  .fd-step > div { padding: 32px 40px; }
}
.fd-n { display: inline-grid; place-items: center; width: 40px; height: 40px; border-radius: 50%; background: var(--f-pine); color: #fff; font-size: 18px; font-weight: 700; }
.fd-step h3 { margin: 14px 0 0; font-size: clamp(26px, 2.8vw, 34px); font-weight: 600; line-height: 1.1; color: var(--f-pine); }
.fd-step p { margin: 10px 0 0; font-size: clamp(18px, 1.6vw, 20px); font-weight: 500; line-height: 1.5; color: #3d3d33; }

.fd-quote { margin: 40px 16px; padding: 56px 24px; border-radius: 30px; background: var(--f-pine); color: var(--f-cream); text-align: center; max-width: 1100px; }
@media (min-width: 1132px) { .fd-quote { margin-inline: auto; } }
.fd-quote p { margin: 0; font: 600 clamp(30px, 6vw, 56px)/1.12 Fraunces, Georgia, serif; letter-spacing: -.02em; }
.fd-quote em { color: #c9d98f; }
.fd-quote span { display: block; margin-top: 18px; font-size: 18px; font-weight: 600; opacity: .8; }

.fd-real { padding: 56px 16px 24px; max-width: 1100px; margin: 0 auto; }
.fd-photos { display: grid; gap: 14px; }
@media (min-width: 760px) { .fd-photos { grid-template-columns: repeat(3, 1fr); } }
.fd-photos figure { margin: 0; background: #fff; border-radius: 22px; overflow: hidden; }
.fd-photos img { width: 100%; aspect-ratio: 1; object-fit: cover; display: block; border-radius: 0; }
.fd-photos figcaption { padding: 14px 18px 18px; font-size: 18px; font-weight: 600; color: var(--f-pine); }

.fd-cta { padding: 64px 16px 96px; text-align: center; }
.fd-cta__btn { height: 58px; font-size: 19px; font-weight: 600; padding-inline: 36px; }