/* ============================================================
   SRK Advisors "Track Record" section — metric cards (scoped .track)
   ============================================================ */
:root{ --forest-1:#0d1b14; --panel:#14241c; }

.track{
  position:relative; width:100%;
  background:
    radial-gradient(120% 80% at 12% -10%, rgba(201,162,75,0.10) 0%, rgba(201,162,75,0) 42%),
    radial-gradient(100% 90% at 100% 110%, rgba(201,162,75,0.07) 0%, rgba(201,162,75,0) 46%),
    linear-gradient(168deg, var(--forest-1) 0%, var(--forest-2) 100%);
  color:var(--ivory);
  padding:clamp(4.5rem,9vw,7rem) clamp(1.4rem,5vw,4rem);
  overflow:hidden;
}
.track::before{ content:""; position:absolute; left:0; right:0; top:0; height:1px;
  background:linear-gradient(90deg,transparent,rgba(201,162,75,0.28),transparent); }
.track .wrap{ max-width:1200px; margin:0 auto; padding:0; }

.track .head{ display:flex; align-items:baseline; gap:1.1rem; width:100%; }
.track .head .numeral{ font-family:"Playfair Display",Georgia,serif; font-style:italic; font-weight:600; font-size:26px; color:var(--gold-soft); line-height:1; letter-spacing:.02em; }
.track .head .label{ font-family:"Inter",sans-serif; font-weight:600; font-size:clamp(.78rem,1.4vw,.92rem); letter-spacing:.34em; text-transform:uppercase; color:var(--ivory); white-space:nowrap; }
.track .head .rule{ flex:1; height:1px; background:linear-gradient(90deg,rgba(201,162,75,0.55) 0%,rgba(201,162,75,0.18) 70%,rgba(201,162,75,0) 100%); transform:translateY(-2px); }
.track .lede{ margin-top:1.4rem; max-width:none; font-size:clamp(1rem,1.6vw,1.12rem); line-height:1.6; color:rgba(246,242,232,0.62); font-weight:400; }
.track .lede b{ color:var(--ivory); font-weight:500; }

/* Founder bio strip (Spencer) */
.track .bio{ margin-top:1.6rem; }
.track .bio-id{ display:flex; align-items:center; gap:1.1rem; }
.track .bio .avatar{ width:100px; height:100px; box-shadow:0 0 0 4px var(--panel); }
.track .bio-name{ font-family:"Playfair Display",Georgia,serif; font-weight:600; font-size:1.5rem; color:var(--ivory); line-height:1.1; }
.track .bio-role{ margin-top:.3rem; font-size:.72rem; font-weight:600; letter-spacing:.16em; text-transform:uppercase; color:var(--gold-soft); }
.track .bio-copy{ margin-top:1.1rem; font-size:clamp(1rem,1.6vw,1.12rem); line-height:1.6; color:rgba(246,242,232,0.62); }

.track .grid{ margin-top:clamp(2.6rem,5vw,3.6rem); display:grid; grid-template-columns:repeat(3,1fr); gap:clamp(1.1rem,2vw,1.6rem); }
.track .card{
  position:relative; display:flex; flex-direction:column;
  background:radial-gradient(130% 60% at 0% 0%, rgba(201,162,75,0.07) 0%, rgba(201,162,75,0) 55%), var(--panel);
  border:1px solid rgba(201,162,75,0.22); border-radius:14px; padding:1.9rem 1.7rem 1.85rem;
  transition:transform .35s cubic-bezier(.2,.7,.2,1), border-color .35s ease, box-shadow .35s ease;
  box-shadow:0 1px 0 rgba(255,255,255,0.02) inset, 0 18px 40px -28px rgba(0,0,0,0.7);
}
.track .card:hover{ transform:translateY(-7px); border-color:rgba(216,184,107,0.55); box-shadow:0 1px 0 rgba(255,255,255,0.03) inset, 0 34px 60px -30px rgba(0,0,0,0.78), 0 0 0 1px rgba(201,162,75,0.06); }
.track .card .diamond{ position:absolute; top:1.55rem; right:1.6rem; width:9px; height:9px; background:var(--gold); transform:rotate(45deg); box-shadow:0 0 12px rgba(216,184,107,0.45); }

.track .metric{ font-family:"Playfair Display",Georgia,serif; line-height:1; display:flex; align-items:baseline; flex-wrap:wrap; gap:.18em; margin-bottom:.85rem; }
.track .metric .from{ font-size:clamp(1.9rem,3.4vw,2.45rem); font-weight:500; color:rgba(246,242,232,0.52); }
.track .metric .arrow{ font-family:"Inter",sans-serif; font-size:clamp(1.1rem,2vw,1.35rem); font-weight:500; color:var(--gold-deep); transform:translateY(-0.12em); padding:0 .05em; }
.track .metric .to{ font-size:clamp(2.7rem,5.2vw,3.6rem); font-weight:700; color:var(--gold-soft); letter-spacing:-0.01em; }
.track .metric .solo{ font-size:clamp(2.9rem,5.4vw,3.8rem); font-weight:700; color:var(--gold-soft); letter-spacing:-0.01em; }

.track .sub{ display:flex; flex-wrap:wrap; gap:.45rem .55rem; margin-bottom:1.35rem; }
.track .sub .chip{ font-size:.72rem; font-weight:500; letter-spacing:.02em; color:rgba(216,184,107,0.92); border:1px solid rgba(201,162,75,0.32); border-radius:999px; padding:.32rem .7rem; white-space:nowrap; }
.track .card .div{ height:1px; width:100%; background:linear-gradient(90deg,rgba(201,162,75,0.30),rgba(201,162,75,0)); margin:.2rem 0 1.1rem; }

.track .company{ font-family:"Playfair Display",Georgia,serif; font-weight:600; font-size:1.45rem; color:var(--ivory); line-height:1.15; letter-spacing:.005em; }
.track .role{ margin-top:.5rem; font-size:.72rem; font-weight:600; letter-spacing:.16em; text-transform:uppercase; color:var(--gold); }
.track .years{ margin-top:.25rem; font-size:.82rem; font-weight:400; letter-spacing:.04em; color:rgba(246,242,232,0.46); }
.track .proof{ margin-top:1rem; font-size:.92rem; line-height:1.62; color:rgba(246,242,232,0.72); }

@media (max-width:880px){
  .track .grid{ grid-template-columns:1fr; gap:1.1rem; }
  .track .card{ padding:1.7rem 1.5rem 1.6rem; }
  .track .head .label{ letter-spacing:.24em; }
  .track .lede{ margin-top:1.1rem; }
}
@media (max-width:420px){
  .track .head{ gap:.8rem; flex-wrap:wrap; }
  .track .head .rule{ display:none; }
  .track .metric .to{ font-size:2.6rem; }
}