/* Founder invitation and founding story. */
.option-page { min-height: 100vh; }
.option-page .site-header { position: relative; }
.option-page .nav-links [aria-current="page"] { text-decoration: underline; text-underline-offset: 7px; }
.option-page .button { font-size: 1rem; }
.option-page .text-link { font-size: 1rem; }
.hero-option-page { background: var(--deep); color: white; }
.invitation { background: var(--purple); color: white; }
.invitation-content { padding-top: clamp(56px, 6vw, 88px); padding-bottom: 26px; }
.invitation-kicker { font-size: 1rem; line-height: 1.5; color: #eee1f6; margin-bottom: 24px; }
.invitation h1 { font-size: clamp(2.5rem, 5.1vw, 4.6rem); line-height: 1.14; font-weight: 500; letter-spacing: -.045em; }
.invitation h1 > span { display: block; }
.invitation h1 > span + span { color: #e8c6f0; }
.invitation-details { display: grid; grid-template-columns: 1.35fr 1fr; gap: clamp(48px, 8vw, 126px); margin-top: 52px; align-items: start; }
.invitation-copy > p { max-width: 630px; font-size: clamp(1.2rem, 1.7vw, 1.5rem); line-height: 1.6; color: #f3eaf8; }
.invitation-copy .button-row { margin-top: 30px; gap: 25px; }
.invitation-journey { width: 100%; max-width: 410px; justify-self: end; }
.invitation-phases { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 16px; }
.invitation-phases p { aspect-ratio: 1; padding: 22px 16px; display: flex; flex-direction: column; justify-content: center; align-items: center; text-align: center; font-size: 1.125rem; line-height: 1.5; border: 1px solid #d8b8ec80; background: #ffffff08; }
.invitation-phases strong { display: block; font-size: clamp(1.6rem, 2.4vw, 2rem); font-weight: 500; letter-spacing: -.035em; margin-bottom: 7px; }
.invitation-phases p:last-child { background: #ffffff12; }
.invitation-phases span { color: #eee1f6; }
.invitation-baseline { display: flex; align-items: center; justify-content: space-between; border-top: 1px solid #ffffff30; margin-top: 52px; padding-top: 23px; gap: 24px; }
.invitation-baseline p { font-size: 1rem; color: #ecddf5; }
.invitation-baseline img { width: 29px; height: 33px; }
.option-navigation { display: flex; align-items: center; justify-content: space-between; gap: 24px; padding-top: 21px; padding-bottom: 21px; font-size: .875rem; color: #d7c7e5; }
.option-navigation > span { opacity: .8; }
.option-navigation > div { display: flex; gap: 30px; flex-wrap: wrap; }
.option-navigation a:hover { text-decoration: underline; text-underline-offset: 5px; }
.founders-option-page { background: white; }
.founders-story { padding: clamp(55px, 6vw, 86px) 0 66px; }
.founders-home { border-top: 1px solid var(--line); }
.founders-story > .wrap > .eyebrow { color: var(--purple); letter-spacing: .12em; font-weight: 600; margin-bottom: 34px; }
.founders-layout { display: grid; grid-template-columns: .85fr 1.15fr; gap: clamp(48px, 7vw, 108px); align-items: start; }
.founders-title h1, .founders-title h2 { font-size: clamp(2.75rem, 4.4vw, 4.5rem); line-height: 1.13; font-weight: 500; letter-spacing: -.045em; }
.founders-title img { width: 65px; height: auto; margin-top: 44px; }
.founders-copy { border-top: 2px solid var(--purple); padding-top: 23px; }
.founders-copy p { font-size: 1.125rem; line-height: 1.75; color: var(--muted); }
.founders-copy .founders-introduction { font-size: clamp(1.375rem, 1.9vw, 1.75rem); line-height: 1.5; color: var(--purple); letter-spacing: -.015em; }
.founders-copy p + p { margin-top: 25px; }
.founders-copy .founders-conviction { border-top: 1px solid var(--line); margin-top: 29px; padding-top: 24px; color: var(--purple); font-weight: 600; }
.founders-conviction span { font-weight: 400; color: var(--muted); }
.founders-copy .text-link { margin-top: 28px; color: var(--purple); }
.founders-option-page .option-navigation { color: var(--muted); border-top: 1px solid var(--line); }
@media (min-width: 1700px) {
  .invitation h1 { font-size: 5.15rem; }
  .invitation-details { margin-top: 62px; }
}
@media (max-width: 900px) {
  .invitation-details { gap: 42px; grid-template-columns: 1.3fr 1fr; }
  .invitation-copy .button-row { align-items: flex-start; flex-direction: column; gap: 20px; }
  .founders-layout { grid-template-columns: .85fr 1.15fr; gap: 36px; }
}
@media (min-width: 651px) and (max-width: 800px) {
  .invitation-details { grid-template-columns: 1fr; gap: 32px; }
  .invitation-copy .button-row { flex-direction: row; align-items: center; }
  .invitation-journey { justify-self: start; }
}
@media (max-width: 650px) {
  .invitation-content { padding-top: 40px; }
  .invitation h1 { font-size: clamp(2.25rem, 7.5vw, 3rem); line-height: 1.16; letter-spacing: -.04em; }
  .invitation h1 > span + span { margin-top: 8px; }
  .invitation-details { grid-template-columns: 1fr; gap: 38px; margin-top: 28px; }
  .invitation-copy > p { font-size: 1.125rem; }
  .invitation-copy .button-row { margin-top: 25px; }
  .invitation-copy .button { width: 100%; }
  .invitation-journey { max-width: none; }
  .invitation-phases strong { font-size: 1.75rem; }
  .invitation-phases p { font-size: 1rem; padding: 20px 12px; }
  .invitation-baseline { margin-top: 30px; padding-top: 22px; }
  .invitation-baseline p { font-size: .9375rem; max-width: 260px; }
  .option-navigation { align-items: flex-start; font-size: .875rem; gap: 16px; }
  .option-navigation > div { gap: 12px 22px; justify-content: flex-end; }
  .founders-story { padding: 39px 0 45px; }
  .founders-story > .wrap > .eyebrow { margin-bottom: 24px; }
  .founders-layout { grid-template-columns: 1fr; gap: 30px; }
  .founders-title { display: flex; justify-content: space-between; align-items: flex-start; gap: 20px; }
  .founders-title h1, .founders-title h2 { font-size: clamp(2.25rem, 8vw, 3rem); }
  .founders-title img { width: 30px; flex: 0 0 30px; margin-top: 7px; }
  .founders-copy { padding-top: 24px; }
  .founders-copy .founders-introduction { font-size: 1.375rem; }
  .founders-copy p { font-size: 1.0625rem; }
}