/* ────────────────────────────────────────────────────────────
   TexInvestCo — WHO WE ARE (who-we-are.html) styles
   Loaded after css/shared.css.
   ──────────────────────────────────────────────────────────── */

body{line-height:1.7;padding-top:68px;}

/* Fixed nav, matching the homepage — position:sticky was silently broken
   here because shared.css sets overflow-x:hidden on html/body, and per the
   CSS overflow spec that forces the other axis to compute as overflow-y:auto,
   which makes body/html into position:sticky's nearest scrolling ancestor
   instead of the viewport. Fixed positioning sidesteps that bug entirely. */
nav{position:fixed;top:0;left:0;right:0;width:100%;box-sizing:border-box;}

/* HERO — single-column, left-aligned text (decorative art panel removed) */
.pg-hero{
  padding:60px 5vw 44px;
  background:linear-gradient(150deg,#111d33 0%,#1a2e50 50%,#111d33 100%);
  position:relative;overflow:hidden;
}
.pg-hero-glow{position:absolute;inset:0;pointer-events:none;background:radial-gradient(ellipse 60% 50% at 50% 40%,rgba(202,168,75,0.05) 0%,transparent 65%);}
.pg-hero-grid{position:relative;z-index:1;max-width:1100px;margin:0 auto;}
.pg-hero-text{text-align:left;}
.pg-eyebrow{
  display:flex;align-items:center;gap:0.8rem;
  font-size:0.62rem;font-weight:500;letter-spacing:0.42em;text-transform:uppercase;color:var(--gold);margin-bottom:16px;
}
.pg-eyebrow::before{content:'';width:22px;height:1px;background:var(--gold);flex-shrink:0;}
.pg-title{font-family:var(--fd);font-size:clamp(28px,3.6vw,42px);font-weight:600;color:var(--hi);line-height:1.2;margin-bottom:18px;letter-spacing:0.03em;}
.pg-title em{font-style:normal;color:var(--gold);font-weight:400;}
.pg-intro{font-size:1.125rem;font-weight:300;color:var(--mid);line-height:1.85;max-width:640px;margin:0;}

/* SECTIONS */
.sec{padding:80px 5vw;}
.bg0{background:var(--bg-0);}
.bg1{background:var(--bg-1);}
.si{max-width:1080px;margin:0 auto;}
.seye{display:flex;align-items:center;gap:0.8rem;font-size:0.6rem;font-weight:500;letter-spacing:0.38em;text-transform:uppercase;color:var(--gold);margin-bottom:1.2rem;}
.seye::before{content:'';width:22px;height:1px;background:var(--gold);}
.stit{font-family:var(--fd);font-size:clamp(1.4rem,2.8vw,2.4rem);font-weight:600;letter-spacing:0.03em;color:var(--hi);line-height:1.2;margin-bottom:2rem;}
.stit em{font-style:normal;color:var(--gold);font-weight:400;}

/* FOUNDER */
.founder-grid{display:grid;grid-template-columns:1fr 2fr;gap:4rem;align-items:start;}
.founder-aside{}
.founder-name{font-family:var(--fd);font-size:1.2rem;font-weight:600;color:var(--hi);margin-bottom:0.3rem;}
.founder-role{font-size:0.68rem;font-weight:600;letter-spacing:0.18em;text-transform:uppercase;color:var(--gold);margin-bottom:1.2rem;}
.founder-link{font-size:0.71rem;font-weight:500;letter-spacing:0.1em;text-transform:uppercase;color:var(--gold);text-decoration:none;transition:color 0.2s;display:inline-block;border-bottom:1px solid rgba(202,168,75,0.3);padding-bottom:2px;}
.founder-link:hover{color:var(--hi);border-color:var(--hi);}
.founder-body p{font-size:1.125rem;font-weight:300;color:var(--mid);line-height:1.9;margin-bottom:1.1rem;}
.founder-body p:last-child{margin-bottom:0;}
.founder-rule{width:36px;height:1px;background:var(--gold);margin:1.6rem 0;}

/* TEAM (2-column layout on this page) */
/* Each team member is its own fully-bordered, independently-boxed card with
   a real gap between them (not a shared row split by a hairline divider).
   A shared-row-plus-hairline treatment reads as "one section" once the two
   cards' heights diverge on expand — a real gap + border on all sides makes
   each card unambiguously its own block, both closed and open.
   align-items:start (not the grid default of stretch) so a closed card
   never gets visually stretched tall to match an expanded neighbor.
   A fixed min-height (sized to the longer bio, Rasheed's) keeps both
   cards' footers/dividers lined up in their closed state regardless of
   bio length — .tbio's flex:1 absorbs the leftover space in the shorter
   card, pushing its .tfoot down to match. Once a card is expanded past
   that min-height it simply grows on its own, still without affecting
   the sibling (align-items:start). */
.tgrid{display:grid;grid-template-columns:1fr 1fr;gap:1.5rem;align-items:start;}
.titem{background:var(--bg-0);border:1px solid var(--gb);border-radius:6px;padding:2rem 1.8rem;display:flex;flex-direction:column;min-height:17rem;transition:background 0.2s,border-color 0.2s;}
.titem:hover{background:rgba(202,168,75,0.03);border-color:rgba(202,168,75,0.28);}
.tname{font-family:var(--fd);font-size:1rem;font-weight:600;color:var(--hi);margin-bottom:0.3rem;}
.trole{font-size:0.66rem;font-weight:600;letter-spacing:0.16em;text-transform:uppercase;color:var(--gold);margin-bottom:0.9rem;}
.tbio{font-size:1rem;font-weight:300;line-height:1.75;color:var(--mid);flex:1;}
.tbio-ext{max-height:0;overflow:hidden;transition:max-height 0.35s ease,margin 0.3s ease;font-size:1rem;font-weight:300;line-height:1.8;color:var(--mid);}
.titem.on .tbio-ext{max-height:300px;margin-top:0.8rem;}
.tfoot{display:flex;align-items:center;justify-content:space-between;gap:1rem;margin-top:1.2rem;padding-top:1rem;border-top:1px solid var(--gf);}
.tlink{display:inline-flex;align-items:center;gap:6px;font-size:0.69rem;font-weight:500;letter-spacing:0.1em;text-transform:uppercase;color:var(--gold);text-decoration:none;transition:color 0.2s;}
.tlink:hover{color:var(--hi);}
/* LinkedIn badge — solid gold square with the logotype knocked out in the
   page's dark navy, so the mark reads as clean reversed/negative space
   rather than a flat icon-plus-text pairing. */
.li-badge{flex-shrink:0;transition:opacity 0.2s;}
.li-badge rect{fill:var(--gold);transition:fill 0.2s;}
.tlink:hover .li-badge rect{fill:var(--hi);}
.li-badge path{fill:var(--bg-0);}
/* padding+negative margin enlarges the tap target toward 44px without shifting visual position/layout */
.tmore{font-size:0.69rem;font-weight:400;letter-spacing:0.1em;text-transform:uppercase;color:var(--lo);background:none;border:none;cursor:pointer;transition:color 0.2s;padding:16px 6px;margin:-16px -6px;}
.tmore:hover{color:var(--hi);}

/* RECOGNITION */
.rgrid{display:grid;grid-template-columns:repeat(3,1fr);gap:1px;background:var(--gb);}
.ritem{background:var(--bg-1);padding:2.2rem 1.6rem;display:flex;flex-direction:column;transition:background 0.2s;}
.ritem:hover{background:rgba(202,168,75,0.04);}
.ritem-icon{width:24px;height:24px;color:var(--gold);margin-bottom:0.9rem;}
.rorg{font-size:0.64rem;font-weight:500;letter-spacing:0.22em;text-transform:uppercase;color:var(--gold);margin-bottom:0.7rem;}
.raward{font-family:var(--fd);font-size:0.95rem;font-weight:600;color:var(--hi);margin-bottom:0.9rem;line-height:1.25;}
.rbody{font-size:1rem;font-weight:300;line-height:1.75;color:var(--mid);flex:1;}
.rcases{display:flex;flex-wrap:wrap;gap:0.28rem;margin-top:1.1rem;}
.rcase{font-size:0.53rem;font-weight:600;letter-spacing:0.01em;text-transform:uppercase;color:#111d33;background:var(--gold);border:1px solid var(--gold);padding:4px 6px;border-radius:5px;line-height:1.3;white-space:nowrap;}
.rcase-sec{color:var(--gold);background:transparent;border-color:rgba(202,168,75,0.4);}

/* .ritem-link — same card, but reachable as a link (currently just the
   Microsoft/SQL Server case study card, which now opens its own page). */
.ritem-link{text-decoration:none;color:inherit;cursor:pointer;position:relative;}
.ritem-link:hover{background:rgba(202,168,75,0.06);}
.ritem-link::after{
  content:'View case study →';
  display:block;margin-top:0.9rem;font-size:0.68rem;font-weight:600;letter-spacing:0.08em;text-transform:uppercase;
  color:var(--gold);opacity:0;transform:translateY(-4px);transition:opacity 0.2s,transform 0.2s;
}
.ritem-link:hover::after{opacity:1;transform:none;}

/* Inline mention of the case study within the founder-story paragraph */
.inline-link{color:var(--gold);text-decoration:underline;text-underline-offset:2px;transition:color 0.2s;}
.inline-link:hover{color:var(--hi);}

/* PHILOSOPHY */
.phil-intro{font-size:1.125rem;font-weight:300;color:var(--mid);line-height:1.9;max-width:680px;margin-bottom:2.4rem;}
.phil-intro p+p{margin-top:0.9rem;}
.pillars{display:grid;grid-template-columns:1fr 1fr;gap:1px;background:var(--gb);margin-top:2rem;}
.pillar{background:var(--bg-0);padding:1.8rem 1.8rem;font-family:var(--fd);font-size:1rem;font-weight:600;color:var(--hi);letter-spacing:0.02em;border-top:2px solid transparent;transition:border-color 0.2s,background 0.2s;}
.pillar:hover{border-top-color:var(--gold);background:rgba(202,168,75,0.03);}

/* RESPONSIVE */
@media(max-width:900px){
  .founder-grid{grid-template-columns:1fr;gap:1.4rem;}
  .rgrid{grid-template-columns:1fr;}
  .tgrid{grid-template-columns:1fr;}
}
@media(max-width:720px){
  .sec{padding:44px 5vw;}
  .pillars{grid-template-columns:1fr;}
  .pg-hero{padding:44px 5vw 36px;}
  .founder-grid{grid-template-columns:1fr;}
}