/* v2-about.css — /about page styles only.
   Ported from team-july2026-multipager/about.html's inline <style>.
   Shared foundation is v2-base.css (loads first).
*/
.story-bg{position:fixed;inset:0;z-index:0;pointer-events:none}
  /* product preview sits in the built beat, not full-height like the homepage.
     position/z-index re-asserted so it stays above the fixed darkening scrim */
  #devband{position:relative;z-index:2;padding:1.5rem var(--pad) 0;display:grid;place-items:center}
  /* lighter, theme-aware scrim so the neural cloud reads through in both modes */
  :root{--a-scrim:rgba(13,12,11,.32);--a-edge:rgba(13,12,11,.6)}
  :root[data-theme="light"]{--a-scrim:rgba(244,240,233,.28);--a-edge:rgba(244,240,233,.66)}
  body::after{background:
    linear-gradient(var(--a-scrim),var(--a-scrim)),
    radial-gradient(ellipse 96% 68% at 50% 42%,transparent 26%,var(--a-edge) 100%) !important}

  /* hero */
  body.v2 .ahero{position:relative;z-index:2;min-height:88vh;display:flex;flex-direction:column;justify-content:center;text-align:center;padding:10rem 0 4rem}
  .ahero .h1{font-size:clamp(2.3rem,4.7vw,4rem);max-width:none;margin:0 auto;line-height:1.06}
  .ahero .lede{margin:1.9rem auto 0;text-align:center;max-width:44rem}
  .ahero__cue{margin-top:3.2rem;font-family:var(--font-mono);font-size:.6rem;letter-spacing:.26em;text-transform:uppercase;color:var(--bone-faint)}
  .ahero__cue i{display:block;margin:.7rem auto 0;font-style:normal;animation:cuebob 1.8s ease-in-out infinite}
  @keyframes cuebob{50%{transform:translateY(4px)}}

  /* prose beats */
  .abeat{max-width:46rem;margin:0 auto}
  .abody{font-size:clamp(1.08rem,1.55vw,1.32rem);color:var(--bone-dim);line-height:1.62;margin-top:1.3rem;max-width:56ch}
  .abeat--center{text-align:center;max-width:46rem;margin:0 auto}
  .abeat--center .abody{margin-left:auto;margin-right:auto}
  .abeat .btn,.abeat--center .btn{margin-top:1.9rem}

  /* pull-quote / mission */
  .apull{text-align:center;max-width:54rem;margin:0 auto}
  .apull .apull__q{font-size:clamp(1.9rem,4.3vw,3.4rem)}
  .apull__q{font-family:var(--font-display);font-weight:330;letter-spacing:-.02em;font-size:clamp(2.3rem,5.6vw,4.1rem);line-height:1.08;color:var(--bone)}
  .apull__q em{color:var(--accent)}
  .mission{text-align:center;max-width:42rem;margin:0 auto}
  .mission .apull__q{max-width:none}
  .mission .abody{margin:1.7rem auto 0;text-align:center;max-width:48ch}

  /* the Team mark above "So we built Team" */
  .abuilt__mark{display:inline-block;margin-bottom:1.5rem}
  .abuilt__mark img{height:1.9rem;width:auto;opacity:.9;filter:brightness(0) invert(1)}
  :root[data-theme="light"] .abuilt__mark img{filter:brightness(0)}

  /* belief manifesto — editorial list, not tiles */
  .beliefs{list-style:none;max-width:52rem;margin:2.8rem auto 0;padding:0}
  .beliefs li{display:grid;grid-template-columns:auto 1fr;gap:1.5rem;align-items:baseline;padding:1.7rem 0;border-top:1px solid var(--line)}
  .beliefs li:last-child{border-bottom:1px solid var(--line)}
  .beliefs__n{font-family:var(--font-mono);font-size:.72rem;color:var(--accent);letter-spacing:.1em;padding-top:.5rem}
  .beliefs p{font-family:var(--font-display);font-weight:400;font-size:clamp(1.3rem,2.7vw,2.05rem);letter-spacing:-.01em;line-height:1.22;color:var(--bone)}
  .beliefs p em{color:var(--accent)}

  /* mission: a release timeline in motion (the product, no section background) */
  .mtl{max-width:40rem;margin:2.8rem auto 0;border:1px solid var(--line);border-radius:18px;background:var(--ink-2);padding:1.6rem 1.7rem 1.7rem;text-align:left;box-shadow:0 30px 70px rgba(0,0,0,.4)}
  .mtl__bar{display:flex;align-items:center;gap:.5rem;margin-bottom:1.5rem;font-family:var(--font-mono);font-size:.58rem;letter-spacing:.16em;text-transform:uppercase;color:var(--bone-faint)}
  .mtl__bar .mk{width:17px;height:17px;border-radius:5px;background:var(--ink-3);border:1px solid var(--line);display:grid;place-items:center}
  .mtl__bar .mk img{width:9px}
  .mtl__bar .live{margin-left:auto;display:flex;align-items:center;gap:.4rem;color:var(--accent)}
  .mtl__bar .live i{width:6px;height:6px;border-radius:50%;background:var(--lime);box-shadow:0 0 8px var(--lime)}
  .mtl__row{position:relative;display:flex;justify-content:space-between;margin:0 .2rem}
  .mtl__line{position:absolute;left:.52rem;right:.52rem;top:.5rem;height:2px;background:rgba(239,235,227,.1)}
  .mtl__line i{display:block;height:100%;background:var(--lime);width:0;transition:width 1.2s var(--ease) .35s}
  .mtl.in .mtl__line i{width:50%}
  .mtl__step{position:relative;z-index:1;display:flex;flex-direction:column;align-items:center;gap:.55rem;text-align:center;flex:1}
  .mtl__dot{width:1.05rem;height:1.05rem;border-radius:50%;background:var(--ink-3);border:2px solid rgba(239,235,227,.2)}
  .mtl__step.done .mtl__dot{background:var(--lime);border-color:var(--accent)}
  .mtl__step.now .mtl__dot{background:var(--lime);border-color:var(--accent);box-shadow:0 0 0 4px rgba(217,250,135,.2)}
  .mtl__lab{font-size:.64rem;color:var(--bone-faint);font-family:var(--font-mono);letter-spacing:.03em}
  .mtl__step.now .mtl__lab{color:var(--bone)}
  .mtl__next{margin-top:1.6rem;display:flex;align-items:center;gap:.8rem;padding:.9rem 1.1rem;border:1px solid var(--line);border-radius:12px;background:rgba(22,20,18,.5)}
  .mtl__next .mk{width:1.8rem;height:1.8rem;border-radius:8px;background:var(--lime);display:grid;place-items:center;flex:none}
  .mtl__next .mk img{width:11px;filter:brightness(0)}
  .mtl__next p{font-size:.9rem;color:var(--bone);line-height:1.4}

  /* close */
  .aclose{position:relative;z-index:2;overflow:hidden;margin-top:clamp(3rem,7vw,6rem);border-top:1px solid var(--line);
    background:linear-gradient(180deg,var(--ink-2),var(--ink));padding:clamp(4.5rem,10vw,8rem) var(--pad)}
  .aclose::before{content:'';position:absolute;left:50%;top:-25%;width:min(80rem,150%);height:150%;transform:translateX(-50%);
    background:radial-gradient(ellipse 42% 46% at 50% 0%,rgba(217,250,135,.18),transparent 62%);pointer-events:none}
  .aclose__in{position:relative;max-width:44rem;margin:0 auto;text-align:center}
  .aclose__mark{width:3.6rem;height:3.6rem;border-radius:15px;background:var(--lime);display:grid;place-items:center;margin:0 auto 1.6rem;box-shadow:0 0 54px rgba(217,250,135,.34)}
  .aclose__mark img{width:1.8rem;filter:brightness(0)}
  .aclose__tag{display:inline-flex;align-items:center;gap:.5rem;font-family:var(--font-mono);font-size:.6rem;letter-spacing:.2em;text-transform:uppercase;color:var(--accent);margin-bottom:1rem}
  .aclose__tag i{width:6px;height:6px;border-radius:50%;background:var(--lime);box-shadow:0 0 8px var(--lime)}
  .aclose h2{margin-bottom:1rem}
  .aclose__sub{color:var(--bone-dim);max-width:44ch;margin:0 auto 2.2rem;font-size:1.05rem;line-height:1.55}