/* About only: a real Silicon Valley panorama, with the existing brand palette. */
.vp-about-hero { position:relative; isolation:isolate; overflow:hidden; min-height:640px; padding:42px 0 144px; background:#173a3d; color:#fffefa; border:0; }
.vp-about-skyline { position:absolute; z-index:-2; inset:0; width:100%; height:100%; max-width:none; object-fit:cover; object-position:center 56%; animation:about-panorama 18s ease-in-out infinite alternate; }
.vp-about-hero::before { content:""; position:absolute; z-index:-1; inset:0; background:linear-gradient(90deg,rgba(16,42,45,.88),rgba(16,42,45,.48) 39%,rgba(16,42,45,.06) 72%),linear-gradient(0deg,rgba(16,42,45,.38),transparent 50%); }
.vp-about-hero-copy { position:relative; }
.vp-about-hero .crumbs { color:#e1eae5; margin-bottom:58px; }
.vp-about-hero .crumbs span[aria-hidden] { color:#c4d3cd; }
.vp-about-hero .eyebrow { color:#f3cab4; font-size:14px; letter-spacing:.12em; }
.vp-about-hero .eyebrow span { color:#e1eae5; margin-left:20px; font-size:11px; letter-spacing:.18em; }
.vp-about-hero h1 { margin-top:22px; font-size:clamp(40px,4.4vw,68px); max-width:660px; line-height:1.26; letter-spacing:-.04em; }
.vp-about-hero .pg-lede { max-width:480px; color:#eff3ee; font-size:17px; margin-top:26px; }
.vp-about-discover { display:inline-flex; align-items:center; gap:48px; margin-top:34px; min-height:44px; padding-bottom:7px; border-bottom:1px solid #9cb4ae; font-size:14px; }
.vp-about-discover span { font-size:22px; }
.vp-about-hero a:hover { color:#ffd3b2; }
.vp-about-hero a:focus-visible { outline-color:#ffd3b2; }
.vp-about-company { position:relative; padding:0 0 68px; border:0; scroll-margin-top:116px; }
.vp-about-company-layout { display:grid; grid-template-columns:minmax(0,.38fr) minmax(0,1fr); align-items:end; gap:54px; }
.vp-about-signature { padding:48px 0 12px; }
.vp-about-signature > span { font-size:11px; letter-spacing:.22em; color:#647a76; }
.vp-about-signature strong { display:block; font-weight:500; font-size:clamp(72px,8vw,112px); line-height:1.15; letter-spacing:-.06em; color:#12636a; font-variant-numeric:tabular-nums; }
.vp-about-signature strong span { font-size:.65em; color:#f0521d; margin-left:8px; }
.vp-about-signature p { font-size:21px; letter-spacing:.08em; margin-top:8px; }
.vp-about-intro { position:relative; margin-top:-100px; padding:44px 48px; background:rgba(255,254,250,.93); border:1px solid #fff; border-radius:8px 8px 28px 8px; box-shadow:0 24px 64px -30px #173a3d42,inset 0 1px 0 #fff; backdrop-filter:blur(22px); }
.vp-about-intro h2 { font-size:30px; margin-bottom:22px; }
.vp-about-intro > p { font-size:17px; line-height:1.95; color:#526965; text-wrap:pretty; }
.vp-about-intro .vp-links { margin-top:24px; }
#experience { padding-top:32px; }
.vp-about-experience { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:64px; margin-top:34px; }
.vp-about-experience article { display:grid; grid-template-columns:auto minmax(0,1fr); gap:28px; align-items:start; border-top:1px solid #c6d6cf; padding-top:30px; }
.vp-about-years { color:#12636a; font-size:72px; font-weight:500; line-height:1.1; letter-spacing:-.05em; font-variant-numeric:tabular-nums; }
.vp-about-years span { display:block; color:#72847d; font-size:14px; letter-spacing:.1em; margin-top:12px; }
.vp-about-experience p { color:#56696a; font-size:16px; }
#founders,#abilities { scroll-margin-top:116px; }
.vp-about-founders { display:grid; grid-template-columns:1fr; gap:20px; margin-top:26px; }
.vp-founder { display:grid; grid-template-columns:180px minmax(0,1fr); gap:28px; align-items:start; padding:20px; background:#fffefa; border:1px solid #d9e3db; border-radius:8px 8px 20px 8px; }
.vp-founder > img { display:block; width:100%; height:auto; aspect-ratio:1; object-fit:cover; object-position:center 25%; border-radius:4px; }
.vp-founder-copy { min-width:0; padding:0; }
.vp-founder-copy .eyebrow { float:right; font-size:11px; color:#72847d; letter-spacing:.12em; margin:4px 0 0 16px; }
.vp-founder-copy h3 { font-size:24px; font-weight:500; line-height:1.3; margin:0; }
.vp-founder-copy .vp-founder-role { margin:5px 0 10px; color:#12636a; font-size:13px; }
.vp-founder-copy > p:not([class]),.vp-founder-copy details p { font-size:14px; color:#56696a; line-height:1.7; margin:8px 0; }
.vp-founder-copy details { border-top:1px solid #d9e3db; margin-top:12px; padding-top:10px; }
.vp-founder-copy summary { cursor:pointer; color:#12636a; font-size:13px; width:fit-content; min-height:28px; }
.vp-founder-copy summary:focus-visible { outline:2px solid #f0521d; outline-offset:5px; }
#abilities .vp-facts { grid-template-columns:repeat(2,minmax(0,1fr)); gap:24px; }
#abilities .vp-facts article { padding:30px; }
@keyframes about-panorama { from { transform:scale(1); } to { transform:scale(1.035); } }
@media(max-width:1000px) {
  .vp-about-hero { min-height:620px; }
  .vp-about-company-layout { grid-template-columns:minmax(0,.3fr) minmax(0,1fr); gap:28px; }
  .vp-about-intro { padding:34px; }
  .vp-about-experience { gap:32px; }
  .vp-about-experience article { grid-template-columns:1fr; gap:20px; }
  .vp-about-years span { display:inline; margin-left:12px; }
}
@media(max-width:600px) {
  .vp-about-hero { min-height:570px; padding:28px 0 100px; }
  .vp-about-skyline { object-position:57% center; }
  .vp-about-hero::before { background:linear-gradient(90deg,rgba(16,42,45,.84),rgba(16,42,45,.35)),linear-gradient(0deg,rgba(16,42,45,.24),transparent); }
  .vp-about-hero .crumbs { margin-bottom:42px; }
  .vp-about-hero h1 { font-size:40px; line-height:1.3; }
  .vp-about-hero .eyebrow { font-size:12px; letter-spacing:.06em; }
  .vp-about-hero .eyebrow span { margin-left:12px; }
  .vp-about-hero .pg-lede { font-size:16px; }
  .vp-about-company { padding-bottom:38px; }
  .vp-about-company-layout { grid-template-columns:1fr; gap:26px; }
  .vp-about-intro { grid-row:1; margin-top:-54px; padding:28px 24px; border-radius:8px 8px 22px 8px; }
  .vp-about-intro h2 { font-size:26px; }
  .vp-about-intro > p { font-size:16px; }
  .vp-about-signature { display:grid; grid-template-columns:1fr auto; align-items:center; padding:4px 0 0; column-gap:16px; }
  .vp-about-signature strong { grid-column:2; grid-row:1 / 3; font-size:72px; }
  .vp-about-signature p { font-size:20px; }
  .vp-about-experience { grid-template-columns:1fr; gap:28px; }
  .vp-about-experience article { grid-template-columns:82px minmax(0,1fr); gap:22px; padding-top:24px; }
  .vp-about-years { font-size:60px; }
  .vp-about-years span { display:block; margin:10px 0 0; }
  #abilities .vp-facts { grid-template-columns:1fr; }
  .vp-founder { grid-template-columns:110px minmax(0,1fr); gap:16px; padding:16px; }
  .vp-founder > img { grid-column:1; grid-row:1 / 4; }
  .vp-founder-copy { display:contents; }
  .vp-founder-copy .eyebrow { float:none; grid-column:2; margin:0; }
  .vp-founder-copy h3 { font-size:23px; }
  .vp-founder-copy h3,.vp-founder-copy .vp-founder-role { grid-column:2; margin:0; }
  .vp-founder-copy > p:not([class]),.vp-founder-copy details { grid-column:1 / -1; margin:0; }
  #abilities .vp-facts article { padding:24px; }
}
@media(prefers-reduced-motion:reduce) { .vp-about-skyline { animation:none; } }