/* Desktop About art direction. The source photograph and scroll-driven Earth remain unchanged. */
body.about-page { background: #f8faff; color: #101b4b; }
.about-page:not(.about-night-chrome) .site-header .brand {
  color: #0d194d;
  font-size: 25px;
  font-weight: 800;
}
.about-page:not(.about-night-chrome) .site-header .main-nav a {
  color: #233768;
  background: transparent !important;
}
.about-page:not(.about-night-chrome) .site-header .main-nav a:is(:hover, [aria-current="page"]) {
  color: #245ce0;
  background: transparent !important;
}
.about-page:not(.about-night-chrome) .site-header .header-login { color: #142259; }
.about-page.about-night-chrome .site-header .main-nav a:is(:hover, [aria-current="page"]) {
  color: #bdd9ff;
  background: transparent !important;
}
.about-page.about-night-chrome .site-header .header-login {
  color: #f4f8ff;
  background: #17314b;
  border-color: #8cb5df;
}
.about-page.about-night-chrome .site-header .header-login:hover {
  color: #fff;
  background: #244668;
  border-color: #bbdcff;
}
.about-page .site-footer {
  color: #f2f7fd;
  background: #031320;
  border-color: #416a8d66;
}
.about-page .about-main {
  background:
    radial-gradient(ellipse 52% 22% at 85% 2%, #dceafd8c, transparent 78%),
    radial-gradient(ellipse 47% 15% at 8% 35%, #ddd9f555, transparent 80%),
    linear-gradient(180deg, #f9fbff 0%, #f5f8ff 20%, #e9f1ff 39%, #acc4dd 58%, #466c91 70%, #143653 80%, #061c30 89%, #031320 100%);
}
.about-page .about-hero {
  width: min(1520px, calc(100% - 64px));
  height: clamp(560px, 44vw, 710px);
  min-height: 0;
  margin: 38px auto 0;
  overflow: hidden;
  border: 1px solid #b7cff4;
  border-radius: 17px;
  background:
    linear-gradient(90deg, #eef5fd 0%, #eff5fb 22%, #eef4fa 29%, transparent 64%),
    repeating-linear-gradient(90deg, #d4e2ee36 0 3px, transparent 3px 124px),
    #ecf4fc;
  box-shadow: 0 16px 48px #305a8c0d;
}
.about-page .about-portrait { right: 0; top: 0; width: 75%; height: 100%; }
.about-page .founders-photo {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: center top;
  border-radius: 0;
  mask-image: none;
  -webkit-mask-image: none;
}
.about-page .about-portrait::after {
  content: "";
  position: absolute;
  z-index: 1;
  inset: 0;
  pointer-events: none;
  background: linear-gradient(90deg, #eef5fd 0%, #eef5fddd 6%, #eef5fd55 18%, transparent 31%);
}
.about-page .about-hero::after {
  content: "";
  position: absolute;
  z-index: 1;
  inset: auto 0 0;
  height: 11%;
  pointer-events: none;
  background: linear-gradient(transparent, #f8faff66);
}
.about-page .about-hero-copy {
  position: absolute;
  z-index: 3;
  top: 18%;
  left: 1.7%;
  width: clamp(350px, 32%, 470px);
  padding: clamp(26px, 2.1vw, 33px);
  border: 1px solid #c5d8f7e0;
  border-radius: 14px;
  background: #fffffff2;
  box-shadow: 0 22px 70px #254e831a, inset 0 1px #fff;
  backdrop-filter: none;
  -webkit-backdrop-filter: none;
  pointer-events: none;
}
.about-page .about-eyebrow {
  margin-bottom: 17px;
  color: #4268c9;
  font-size: 11px;
  font-weight: 750;
  letter-spacing: .31em;
}
.about-page .about-hero h1 {
  margin: 0 0 24px;
  color: #0d194a;
  font-size: clamp(31px, 2.7vw, 45px);
  font-weight: 770;
  letter-spacing: -.055em;
  line-height: 1.08;
  text-wrap: balance;
}
.about-page .about-title-accent { color: #7243b7; }
.about-page .about-title-line { display: inline; }
.about-page .about-intro {
  max-width: 485px;
  color: #6078a0;
  font-size: clamp(15px, 1.05vw, 17px);
  line-height: 1.61;
}
.about-page .about-motto {
  margin-top: 23px;
  color: #6a85b9;
  font-size: 10px;
  font-weight: 760;
  letter-spacing: .22em;
}
.about-page .about-motto > span:first-child { background: #9abcf2; }
.about-page .founder-marker {
  border-color: #a8c7f2;
  background: #fffefee3;
  color: #3560b9;
  box-shadow: 0 9px 25px #1c4e922e, inset 0 1px #fff;
}
.about-page .founder-marker:hover,
.about-page .founder-marker:focus-visible,
.about-page .founder.is-open .founder-marker {
  background: #f6f8ff;
  outline-color: #7850c7;
  box-shadow: 0 0 22px #7a57ca82;
}
.about-page .marker-name {
  color: #182b60;
  background: #ffffffed;
  border: 1px solid #d9e4f9;
}
.about-founders-index {
  position: relative;
  z-index: 3;
  display: flex;
  justify-content: center;
  gap: clamp(70px, 16vw, 270px);
  width: min(920px, calc(100% - 40px));
  margin: 0 auto;
  padding: 19px 0 52px;
}
.about-founders-index button {
  display: inline-flex;
  align-items: center;
  gap: 12px;
  min-width: 150px;
  padding: 4px 6px;
  border: 0;
  border-radius: 12px;
  background: transparent;
  color: #111d52;
  cursor: pointer;
  font: inherit;
  font-size: 15px;
  font-weight: 750;
  transition: color .2s ease, transform .2s ease;
}
.about-founders-index button:hover { color: #7647be; transform: translateY(-2px); }
.about-founders-index button:focus-visible { outline: 3px solid #7962d8; outline-offset: 3px; }
.about-founders-index svg {
  width: 42px;
  height: 42px;
  padding: 10px;
  border-radius: 50%;
  background: #e9f0ff;
  color: #326be1;
}
.about-page .about-story { padding-top: 5px; }
.about-page .story-heading h2 {
  color: #101b4b;
  font-weight: 770;
  letter-spacing: -.05em;
}
.about-page .story-heading > p:last-child { color: #6179a0; }
.about-page .story-node { box-shadow: 0 10px 25px #3471b126, inset 0 1px #fff; }
@media (max-width: 1100px) {
  .about-page .about-hero { width: min(100% - 36px, 900px); height: 610px; display: block; }
  .about-page .about-portrait { position: absolute; width: 78%; height: 100%; }
  .about-page .about-hero-copy { order: initial; top: 18%; left: 2%; width: min(45%, 480px); padding: 25px; }
  .about-page .about-hero h1 { font-size: clamp(31px, 4.3vw, 46px); }
  .about-page .about-intro { font-size: 16px; }
}
@media (max-width: 760px) {
  .about-page .about-hero { width: calc(100% - 30px); height: auto; display: flex; flex-direction: column; margin-top: 20px; overflow: visible; }
  .about-page .about-portrait { position: relative; width: 100%; height: auto; aspect-ratio: 4/3; order: 1; }
  .about-page .founders-photo { border-radius: 0 0 16px 16px; }
  .about-page .about-portrait::after { display: none; }
  .about-page .about-hero-copy { position: relative; order: 0; top: auto; left: auto; width: 100%; padding: 27px 24px 30px; border: 0; border-radius: 16px 16px 0 0; box-shadow: none; }
  .about-page .about-hero h1 { font-size: clamp(33px, 7vw, 47px); }
  .about-page .about-hero::after { display: none; }
  .about-founders-index { justify-content: space-around; gap: 10px; padding-bottom: 35px; }
  .about-founders-index button { min-width: 0; font-size: 13px; }
  .about-founders-index svg { width: 35px; height: 35px; padding: 8px; }
}
@media (prefers-reduced-motion: reduce) {
  .about-founders-index button { transition: none; }
}

/* October 6 refinement: crisp source photograph and a single founder control below each person. */
.about-page .about-main { --about-night:0; background:#f8faff; isolation:isolate; }
.about-page .about-main::before { content:""; position:absolute; z-index:0; inset:0; background:#031320; opacity:var(--about-night); pointer-events:none; }
.about-page .about-main::after { content:""; position:absolute; z-index:0; inset:0; background:radial-gradient(ellipse 60% 28% at 80% 20%,#7d87db14,transparent 80%),radial-gradient(ellipse 65% 30% at 20% 58%,#5f89ca16,transparent 80%); pointer-events:none; }
.about-page .about-portrait::after,.about-page .about-hero::after { content:none; display:none; }
.about-page .founders-photo { mask-image:none; -webkit-mask-image:none; filter:none; opacity:1; }
.about-page .about-hero { background:#edf3fb; }
.about-page .about-hero-copy { background:#ffffffee; }
.about-page .about-founders-index { position:relative; z-index:4; display:block; width:min(1520px,calc(100% - 64px)); height:105px; margin:0 auto; padding:0; direction:ltr; }
.about-page .about-founders-index .founder { position:absolute; top:20px; left:50.5%; transform:translateX(-50%); }
.about-page .about-founders-index .founder-jean { left:69.8%; }
.about-page .founder-marker { display:inline-flex; align-items:center; justify-content:center; gap:11px; width:auto; height:auto; min-width:0; padding:3px 6px; border:0; border-radius:10px; background:transparent; color:#111d52; box-shadow:none; backdrop-filter:none; cursor:pointer; font:inherit; font-size:15px; font-weight:750; white-space:nowrap; transition:color .2s ease,transform .2s ease; }
.about-page .founder-marker svg { flex:0 0 39px; width:39px; height:39px; padding:9px; border-radius:50%; background:#e9efff; color:#4563c8; animation:none; }
.about-page .founder-marker:is(:hover,:focus-visible),.about-page .founder.is-open .founder-marker { color:#7243b7; background:transparent; box-shadow:none; outline:none; transform:translateY(-2px); }
.about-page .founder-marker:focus-visible { outline:2px solid #7853c4; outline-offset:5px; }
.about-page .founder.is-open::after { content:none; }
.about-page .founder .founder-bio { position:absolute; top:calc(100% + 14px); bottom:auto; left:50%; right:auto; width:330px; max-width:calc(100vw - 32px); margin:0; padding:24px; border:1px solid #cad6f1; border-radius:16px; background:#fffffff7; box-shadow:0 18px 55px #0b1d432b; backdrop-filter:blur(10px); transform:translateX(calc(-50% + var(--bio-shift,0px))) translateY(-5px); transform-origin:top center; }
.about-page .founder.is-open .founder-bio { transform:translateX(calc(-50% + var(--bio-shift,0px))); }
.about-page .founder-bio::before,.about-page .founder-bio::after { content:none; display:none; }
.about-page .founder-bio h2 { color:#7253b3; font-size:19px; font-weight:750; margin:0 15px 13px 0; }
.about-page .founder-bio p { color:#40577b; font-size:14px; line-height:1.6; }
.about-page .bio-close { color:#536988; }
.about-page .about-story { z-index:1; max-width:1140px; padding:0 48px; }
.about-page .story-heading { max-width:760px; margin-bottom:75px; padding-top:34px; }
.about-page .story-heading::before { background:linear-gradient(90deg,transparent,#98aed950,transparent); }
.about-page .story-heading .about-eyebrow { color:color-mix(in srgb,#496ccb calc((1 - var(--about-night))*100%),#9fc9ff); }
.about-page .story-heading h2 { color:color-mix(in srgb,#111d4a calc((1 - var(--about-night))*100%),#f3f7ff); font-weight:740; letter-spacing:-.045em; }
.about-page .story-heading > p:last-child { color:color-mix(in srgb,#6078a0 calc((1 - var(--about-night))*100%),#bdd0e7); font-size:18px; }
.about-page .story-step { min-height:215px; grid-template-columns:1fr 132px 1fr; }
.about-page .story-step:nth-child(n) .story-copy::before { content:none; display:none; }
.about-page .story-step:nth-child(n) .story-copy h3 { color:color-mix(in srgb,#142449 calc((1 - var(--about-night))*100%),#f3f7fd); font-size:25px; font-weight:650; letter-spacing:-.035em; }
.about-page .story-step:nth-child(n) .story-copy p { color:color-mix(in srgb,#4c6284 calc((1 - var(--about-night))*100%),#c4d6e9); font-size:17px; line-height:1.7; }
.about-page .story-copy { padding-top:13px; transform:translateY(calc((1 - var(--step-progress))*18px)); }
.about-page .story-step:nth-child(n) .story-node { width:78px; height:78px; color:color-mix(in srgb,#5262be calc((1 - var(--about-night))*100%),#cbe5ff); background:color-mix(in srgb,#f5f7ff calc((1 - var(--about-night))*100%),#102d47); border-color:color-mix(in srgb,#b5bee5 calc((1 - var(--about-night))*100%),#527ca3); box-shadow:0 8px 28px #142e591a,inset 0 1px #ffffff45; transform:translateY(calc((1 - var(--step-progress))*20px)) scale(calc(.94 + var(--step-progress)*.06)); }
.about-page .story-node::before { content:""; position:absolute; inset:5px; border:1px solid #9aaad22b; border-radius:50%; pointer-events:none; }
.about-page .story-node svg { width:31px; height:31px; }
.about-page .story-timeline::before { background:linear-gradient(#b5c1e655,#739acb66); }
.about-page .story-timeline::after { background:linear-gradient(#957ad7,#85cbff); box-shadow:0 0 13px #5fa6ef55; }
.about-page .about-earth { z-index:1; margin-top:-28px; background:transparent; transform:translateY(calc((1 - var(--earth-progress,1))*34px)); }
@media(max-width:1100px) {
 .about-page .about-hero { height:590px; }
 .about-page .about-hero-copy { top:14%; width:36%; padding:24px; }
 .about-page .about-hero h1 { font-size:31px; }
 .about-page .about-intro { font-size:15px; }
 .about-page .about-founders-index { width:calc(100% - 36px); }
}
@media(max-width:760px) {
 .about-page .about-hero { height:auto; }
 .about-page .about-hero-copy { position:relative; top:auto; width:100%; padding:26px 24px; }
 .about-page .about-hero h1 { font-size:clamp(30px,6vw,40px); }
 .about-page .about-founders-index { width:calc(100% - 30px); height:95px; }
 .about-page .founder-marker { gap:7px; font-size:13px; }
 .about-page .founder-marker svg { flex-basis:32px; width:32px; height:32px; padding:7px; }
 .about-page .founder .founder-bio { top:calc(100% + 10px); width:310px; max-height:60dvh; overflow:auto; }
 .about-page .about-story { padding:0 25px; }
 .about-page .story-step { grid-template-columns:60px 1fr; min-height:215px; }
 .about-page .story-step:nth-child(n) .story-node { width:58px; height:58px; grid-column:1; }
 .about-page .story-node svg { width:25px; height:25px; }
 .about-page .story-step:nth-child(n) .story-copy h3 { font-size:22px; }
 .about-page .story-step:nth-child(n) .story-copy p { font-size:16px; }
}
@media(prefers-reduced-motion:reduce) {
 .about-page .founder-marker,.about-page .founder-bio { transition:none; }
 .about-page .story-copy,.about-page .story-node,.about-page .about-earth { transform:none; }
}

/* Keep contrast through twilight instead of washing both sky and text into grey. */
.about-page .about-main::before { background:var(--sky-color,#f8faff); opacity:1; }
.about-page .about-main { --story-ink:#142449; --story-muted:#405879; --story-icon:#5262be; --story-disc:#f5f7ff; --story-ring:#aebcde; }
.about-page .about-main[data-sky="night"] { --story-ink:#f4f7ff; --story-muted:#fff; --story-icon:#d1e8ff; --story-disc:#153653; --story-ring:#668bab; }
.about-page .story-heading h2,.about-page .story-step:nth-child(n) .story-copy h3 { color:var(--story-ink); }
.about-page .story-heading > p:last-child,.about-page .story-step:nth-child(n) .story-copy p { color:var(--story-muted); }
.about-page .story-heading .about-eyebrow { color:var(--story-icon); }
.about-page .story-step:nth-child(n) .story-node { color:var(--story-icon); background:var(--story-disc); border-color:var(--story-ring); }
.about-page .site-footer { --text:#f3f7ff; --muted:#bed0e7; --soft:#98b0ce; background:#031320 !important; color:#f3f7ff !important; border-color:#416a8d66 !important; }
.about-page .site-footer .brand,.about-page .site-footer .footer-col b { color:#f3f7ff !important; }
.about-page .site-footer a { color:#bed0e7 !important; }

.about-page .about-main[data-sky="dusk"] { --story-ink:#0a142b; --story-muted:#010207; }

/* October 7: uninterrupted daylight-to-night sky, flowing light and reversible Earth. */
.about-page .about-main::before{background:linear-gradient(180deg,#f8faff 0%,#f4f8ff 29%,#dae8f9 37%,#8fb0cd 44%,#305272 52%,#0f2b43 66%,#031320 84%,#031320 100%);opacity:1}
.about-page .story-heading h2{color:#111d4a}.about-page .story-heading>p:last-child{color:#6078a0}.about-page .story-heading .about-eyebrow{color:#496ccb}
.about-page .story-step:nth-child(n) .story-copy h3{color:var(--step-ink,#142449)}
.about-page .story-step:nth-child(n) .story-copy p{color:var(--step-muted,#405879)}
.about-page .story-step:nth-child(n) .story-node{color:var(--step-icon,#5262be);background:var(--step-disc,#f5f7ff);border-color:var(--step-ring,#aebcde)}
.about-page .story-timeline::before,.about-page .story-timeline::after{width:3px;left:calc(50% - 1.5px);border-radius:10px}
.about-page .story-timeline::before{background:linear-gradient(#b7c9e877,#80b9dc77)}
.about-page .story-timeline::after{background:repeating-linear-gradient(180deg,#9485cf 0,#b3dfff 30px,#79afe5 60px,#9485cf 95px);background-size:100% 95px;box-shadow:0 0 12px #76b5ef66;animation:story-light-flow 3.8s linear infinite;animation-play-state:paused}
.about-page .story-timeline>li:last-child::after{content:none}
.about-page .about-earth{margin-top:-28px;transform:translate3d(0,var(--earth-shift,0px),0);opacity:calc(.25 + var(--earth-progress,1)*.75);will-change:transform}
.story-earth-connector{position:absolute;z-index:2;left:0;width:100%;overflow:visible;pointer-events:none;clip-path:inset(-16px -16px calc((1 - var(--connection-progress,1))*100%) -16px)}
.story-earth-connector path{fill:none;stroke:#a4d2f8;stroke-width:3;stroke-linecap:round;filter:drop-shadow(0 0 5px #73baff77)}
.story-earth-connector .connector-base{opacity:.45}.story-earth-connector .connector-flow{stroke:#d6edff;stroke-width:2;stroke-dasharray:4 20;animation:story-connector-flow 2.5s linear infinite;animation-play-state:paused}
.story-earth-connector .connector-light{fill:#e3f4ff;filter:drop-shadow(0 0 7px #74c2ff);opacity:var(--connection-progress,1)}
.story-side-particles{position:absolute;z-index:1;inset:29% 0 11%;pointer-events:none;overflow:hidden}
.story-side-particles svg{position:absolute;width:27px;height:31px;fill:none;stroke:#a5b6dd;stroke-width:.7;opacity:.32;top:calc(7% + var(--particle-index)*8.5%);left:calc(2.8% + var(--particle-index)*.8%);transform:translateY(var(--particle-shift,0px));animation:story-particle-drift 9s ease-in-out infinite alternate;animation-delay:calc(var(--particle-index)*-.9s);animation-play-state:paused}
.story-side-particles svg:nth-child(even){left:auto;right:5%;width:20px;opacity:.23}.story-side-particles svg:nth-child(3n){left:7%;width:18px;opacity:.2}
.story-motion-visible .story-timeline::after,.story-motion-visible .connector-flow,.story-motion-visible .story-side-particles svg{animation-play-state:running}
@keyframes story-light-flow{to{background-position:0 95px}}
@keyframes story-connector-flow{to{stroke-dashoffset:-48}}
@keyframes story-particle-drift{to{transform:translateY(calc(var(--particle-shift,0px) + 13px)) rotate(7deg)}}
@media(max-width:760px){.about-page .story-timeline::before,.about-page .story-timeline::after{left:27.5px}.story-side-particles svg{width:17px;left:1%}.story-side-particles svg:nth-child(n+5){display:none}}
@media(prefers-reduced-motion:reduce){.about-page .about-earth{transform:none;will-change:auto}.story-timeline::after,.story-earth-connector .connector-flow,.story-side-particles svg{animation:none!important}.story-side-particles svg{transform:none}}