/* AVIX Water Our Team v9
   Founder-led hierarchy, T-Booster-inspired founder card, wider AVIX team and post-investment build. */

.tc-team-page .team9-hero{
  min-height:625px;
  padding-top:116px;
  background:#0a1316;
}
.tc-team-page .team9-hero .tc-hero-grid{
  grid-template-columns:minmax(0,1.08fr) minmax(390px,.92fr);
  gap:clamp(42px,5vw,76px);
  min-height:509px;
  align-items:center;
}
.tc-team-page .team9-hero .tc-hero-copy{padding:54px 0 62px}
.tc-team-page .team9-hero h1{
  max-width:760px;
  font-size:clamp(3.75rem,4.8vw,4.8rem);
  line-height:.97;
  letter-spacing:-.04em;
}
.tc-team-page .team9-hero h1 span{display:block;color:#fff}
.tc-team-page .team9-hero h1 .team9-accent{color:var(--aqua)}
.tc-team-page .team9-hero .tc-hero-copy>p:not(.av5-eyebrow){
  max-width:690px;
  margin-top:24px;
  font-size:1.05rem;
  line-height:1.62;
}
.team9-hero-art{
  min-height:390px;
  display:grid;
  place-items:center;
  position:relative;
  background:transparent;
}
.team9-hero-art::before{
  content:"";
  position:absolute;
  width:72%;
  aspect-ratio:1;
  border-radius:50%;
  background:rgba(54,182,208,.08);
  filter:blur(46px);
}
.team9-hero-art img{
  position:relative;
  z-index:1;
  width:min(100%,550px);
  height:auto;
  filter:drop-shadow(0 22px 42px rgba(0,0,0,.26));
}

/* Founder section */
.team9-founder-section{background:#fff}
.team9-founder-section .av5-section-head{margin-bottom:44px}
.team9-founder-card{
  position:relative;
  display:grid;
  grid-template-columns:minmax(330px,36%) minmax(0,64%);
  min-height:680px;
  overflow:hidden;
  border:1px solid rgba(15,31,36,.13);
  border-radius:30px;
  background:#fff;
  box-shadow:0 30px 90px rgba(15,31,36,.12);
}
.team9-founder-card::after{
  content:"";
  position:absolute;
  inset:0 auto auto -24%;
  width:24%;
  height:3px;
  background:linear-gradient(90deg,transparent,var(--aqua),transparent);
  animation:team9CardSweep 6.5s linear infinite;
  pointer-events:none;
}
.team9-founder-photo{
  position:relative;
  overflow:hidden;
  background:#eef1f2;
}
.team9-founder-photo img{
  width:100%;
  height:100%;
  object-fit:cover;
  object-position:center top;
  transition:transform .65s ease;
}
.team9-founder-card:hover .team9-founder-photo img{transform:scale(1.018)}
.team9-founder-photo-note{
  position:absolute;
  left:22px;
  right:22px;
  bottom:22px;
  display:flex;
  justify-content:space-between;
  gap:18px;
  padding:15px 17px;
  border:1px solid rgba(255,255,255,.14);
  border-radius:15px;
  background:rgba(10,19,22,.9);
  color:#fff;
  backdrop-filter:blur(12px);
}
.team9-founder-photo-note span{
  font-size:.68rem;
  font-weight:850;
  letter-spacing:.1em;
  text-transform:uppercase;
}
.team9-founder-photo-note b{color:var(--aqua);font-size:.68rem;text-align:right}
.team9-founder-content{display:flex;flex-direction:column;min-width:0}
.team9-founder-identity{
  display:grid;
  grid-template-columns:minmax(0,1fr) auto;
  gap:20px;
  padding:32px 36px 28px;
  background:var(--ink-deep);
  color:#fff;
}
.team9-founder-kickers{display:flex;flex-wrap:wrap;gap:9px;margin-bottom:14px}
.team9-founder-kickers span{
  display:inline-flex;
  align-items:center;
  min-height:28px;
  padding:6px 10px;
  border:1px solid rgba(54,182,208,.32);
  border-radius:999px;
  color:var(--aqua);
  font-size:.62rem;
  font-weight:850;
  letter-spacing:.12em;
  text-transform:uppercase;
}
.team9-founder-identity h3{
  margin:0;
  color:#fff;
  font-size:clamp(2.25rem,3.4vw,3.45rem);
  line-height:.98;
  letter-spacing:-.05em;
}
.team9-founder-identity p{
  margin:12px 0 0;
  color:#c8d3d6;
  font-size:.95rem;
}
.team9-linkedin{
  display:grid;
  place-items:center;
  width:44px;
  height:44px;
  border-radius:11px;
  background:#fff;
  color:var(--ink-deep)!important;
  font-size:1.2rem;
  font-weight:900;
}
.team9-founder-body{display:grid;gap:22px;padding:30px 36px 34px;min-width:0}
.team9-founder-summary{
  max-width:820px;
  margin:0!important;
  color:#426f7b!important;
  font-size:.93rem!important;
  line-height:1.67!important;
}
.team9-founder-metrics{
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  border-top:1px solid var(--line);
  border-bottom:1px solid var(--line);
}
.team9-founder-metrics div{padding:17px 18px 17px 0}
.team9-founder-metrics div+div{padding-left:18px;border-left:1px solid var(--line)}
.team9-founder-metrics strong{display:block;color:#2f5f6b;font-size:1.55rem;letter-spacing:-.04em;line-height:1}
.team9-founder-metrics span{display:block;margin-top:6px;color:#758c93;font-size:.64rem;line-height:1.35}
.team9-founder-tags{display:flex;flex-wrap:wrap;gap:8px}
.team9-founder-tags span{
  padding:8px 11px;
  border:1px solid var(--line);
  border-radius:999px;
  background:#f5f8f8;
  color:#3f6e79;
  font-size:.61rem;
  font-weight:800;
}
.team9-logo-marquee{
  position:relative;
  overflow:hidden;
  padding:16px 0;
  border-top:0;
  border-bottom:0;
  mask-image:linear-gradient(90deg,transparent 0,#000 4%,#000 96%,transparent 100%);
}
.team9-logo-track{
  display:flex;
  width:max-content;
  align-items:center;
  animation:team9LogoLoop 28s linear infinite;
}
.team9-logo-set{display:flex;align-items:center;gap:28px;padding-right:28px}
.team9-logo-set img{
  width:96px;
  height:48px;
  object-fit:contain;
  flex:0 0 auto;
}
.team9-logo-set img:nth-child(2),.team9-logo-set img:nth-child(7){width:116px}
.team9-founder-actions{display:flex;flex-wrap:wrap;gap:12px}
.team9-founder-actions .av5-button--outline-dark{border-color:rgba(15,31,36,.2);color:var(--ink);background:#fff}

/* Wider AVIX team */
.team9-avix-team{
  background:#152b31;
  color:#fff;
  background-image:radial-gradient(circle,rgba(255,255,255,.055) 1px,transparent 1.1px);
  background-size:30px 30px;
  background-position:15px 15px;
}
.team9-avix-team .av5-section-head>p{color:#a5b5ba}
/* The explanatory copy on the dark AVIX Team section should read as warm white,
   not as the site's blue-muted body colour. */
.team9-avix-team .av5-section-head>div:last-child>p{
  color:rgba(248,246,241,.82)!important;
}
.team9-team-note{
  display:flex;
  flex-wrap:wrap;
  gap:8px;
  margin-top:18px;
}
.team9-team-note span{
  padding:7px 10px;
  border:1px solid rgba(54,182,208,.26);
  border-radius:999px;
  color:var(--aqua);
  font-size:.62rem;
  font-weight:800;
  letter-spacing:.07em;
  text-transform:uppercase;
}
.team9-team-grid{
  display:grid;
  grid-template-columns:repeat(4,minmax(0,1fr));
  gap:16px;
  margin-top:48px;
}
.team9-person{
  overflow:hidden;
  border:1px solid rgba(255,255,255,.14);
  border-radius:19px;
  background:rgba(255,255,255,.05);
  transition:transform .23s ease,border-color .23s ease,background .23s ease;
}
.team9-person:hover{transform:translateY(-3px);border-color:rgba(54,182,208,.46);background:rgba(255,255,255,.075)}
.team9-person-image{overflow:hidden;background:#eef0f1}
.team9-person-image img{
  width:100%;
  aspect-ratio:1/1.03;
  object-fit:cover;
  object-position:center top;
  transition:transform .4s ease;
}
.team9-person:hover img{transform:scale(1.025)}
.team9-person-copy{min-height:105px;padding:16px 16px 18px}
.team9-person-copy span{display:block;color:var(--aqua);font-size:.6rem;font-weight:850;letter-spacing:.1em;text-transform:uppercase}
.team9-person-copy h3{margin:12px 0 0;color:#fff;font-size:1rem;line-height:1.25;letter-spacing:-.018em}
.team9-team-footnote{max-width:980px;margin:28px 0 0!important;color:#8fa4aa!important;font-size:.74rem!important;line-height:1.6!important}

/* Post-investment team build */
.team9-build{background:#f6f7f7}
.team9-build-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px;margin-top:48px}
.team9-build-card{
  min-height:230px;
  display:flex;
  flex-direction:column;
  padding:26px;
  border:1px solid var(--line);
  border-radius:20px;
  background:#fff;
}
.team9-build-card>span{color:#3a6873;font-size:.62rem;font-weight:900;letter-spacing:.12em;text-transform:uppercase}
.team9-build-card h3{margin:36px 0 12px;font-size:1.22rem;letter-spacing:-.03em;line-height:1.15}
.team9-build-card p{margin:auto 0 0!important;color:#64808a!important;font-size:.77rem!important;line-height:1.55!important}

@keyframes team9CardSweep{to{transform:translateX(620%)}}
@keyframes team9LogoLoop{to{transform:translateX(-50%)}}

@media(max-width:1120px){
  .tc-team-page .team9-hero .tc-hero-grid{grid-template-columns:minmax(0,1fr) minmax(330px,.9fr);gap:26px}
  .team9-founder-card{grid-template-columns:minmax(300px,34%) minmax(0,66%)}
  .team9-founder-identity,.team9-founder-body{padding-left:30px;padding-right:30px}
  .team9-team-grid{grid-template-columns:repeat(3,minmax(0,1fr))}
  .team9-build-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
}

@media(max-width:860px){
  .tc-team-page .team9-hero{min-height:auto}
  .tc-team-page .team9-hero .tc-hero-grid{grid-template-columns:1fr;min-height:auto;gap:4px}
  .tc-team-page .team9-hero .tc-hero-copy{padding:54px 0 6px}
  .team9-hero-art{min-height:350px}
  .team9-hero-art img{width:min(86%,540px)}
  .team9-founder-card{grid-template-columns:1fr}
  .team9-founder-photo{height:min(76vw,560px)}
  .team9-founder-photo img{object-position:center 10%}
  .team9-founder-identity{padding:28px 30px 25px}
  .team9-founder-body{padding:28px 30px 32px}
  .team9-team-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
}

@media(max-width:620px){
  .tc-team-page .team9-hero h1{font-size:clamp(2.85rem,13vw,3.6rem)}
  .team9-hero-art{min-height:300px}
  .team9-founder-card{border-radius:22px}
  .team9-founder-photo{height:390px}
  .team9-founder-photo-note{left:14px;right:14px;bottom:14px;padding:13px}
  .team9-founder-identity{grid-template-columns:1fr auto;padding:24px 20px 22px}
  .team9-founder-kickers{grid-column:1/-1}
  .team9-founder-identity h3{font-size:2.45rem}
  .team9-founder-body{padding:24px 20px 26px;gap:18px}
  .team9-founder-metrics{grid-template-columns:1fr}
  .team9-founder-metrics div{padding:13px 0!important;border-left:0!important}
  .team9-founder-metrics div+div{border-top:1px solid var(--line)}
  .team9-logo-set{gap:20px;padding-right:20px}
  .team9-logo-set img{width:82px;height:42px}
  .team9-team-grid{gap:10px}
  .team9-person{border-radius:14px}
  .team9-person-copy{min-height:94px;padding:13px}
  .team9-person-copy h3{font-size:.86rem}
  .team9-build-grid{grid-template-columns:1fr}
  .team9-build-card{min-height:190px;padding:22px}
}

@media(max-width:390px){
  .team9-team-grid{grid-template-columns:1fr}
  .team9-founder-photo{height:350px}
}

@media(prefers-reduced-motion:reduce){
  .team9-founder-card::after,.team9-logo-track{animation:none}
  .team9-founder-photo img,.team9-person,.team9-person img{transition:none}
}

/* v10: complete AVIX-linked team grid from the approved T-Booster team roster. */
@media(min-width:1181px){
  .team9-team-grid{grid-template-columns:repeat(5,minmax(0,1fr));gap:14px}
}
.team9-person--lead{border-color:rgba(54,182,208,.62);background:rgba(54,182,208,.09)}
.team9-person--lead .team9-person-copy span{color:#7ee9f5}
@media(max-width:1180px) and (min-width:901px){
  .team9-team-grid{grid-template-columns:repeat(4,minmax(0,1fr))}
}
@media(max-width:900px) and (min-width:621px){
  .team9-team-grid{grid-template-columns:repeat(3,minmax(0,1fr))}
}
