.team-page{display:block}

.team-hero-grid{
display:grid;
grid-template-columns:minmax(0,1.2fr) minmax(0,0.8fr);
gap:var(--space-5);
align-items:center;
}
.team-hero-text{
min-width:0;
display:flex;
flex-direction:column;
align-items:flex-start;
gap:var(--space-3);
}
.team-hero-media{min-width:0}
.team-hero-media img,
.team-analyst-image img,
.team-card img,
.team-tools-image img{
width:100%;
height:auto;
aspect-ratio:4/3;
object-fit:cover;
border:1px solid var(--color-border);
background:var(--color-bg-alt);
}

.team-why-grid{
display:grid;
grid-template-columns:repeat(3,minmax(0,1fr));
gap:var(--space-4);
}
.team-why-col{
display:flex;
flex-direction:column;
gap:var(--space-2);
padding:var(--space-4);
border:1px solid var(--color-border);
background:var(--color-bg);
}

.team-analyst-grid{
display:grid;
grid-template-columns:minmax(0,1fr) minmax(0,1.1fr);
gap:var(--space-5);
align-items:center;
}
.team-analyst-image,
.team-analyst-text{min-width:0}

.team-support-intro{max-width:70ch}
.team-support-grid{
display:grid;
grid-template-columns:repeat(3,minmax(0,1fr));
gap:var(--space-4);
}
.team-card{
display:flex;
flex-direction:column;
gap:var(--space-2);
border:1px solid var(--color-border);
padding:var(--space-3);
background:var(--color-bg);
}

.team-method-grid{
display:grid;
grid-template-columns:repeat(4,minmax(0,1fr));
gap:var(--space-4);
}
.team-step{
display:flex;
flex-direction:column;
gap:var(--space-2);
border-top:2px solid var(--color-accent);
padding-top:var(--space-3);
}

.team-tools-grid{
display:grid;
grid-template-columns:minmax(0,1.1fr) minmax(0,0.9fr);
gap:var(--space-5);
align-items:center;
}
.team-tools-text,
.team-tools-image{min-width:0}

.team-standards-wrap{max-width:70ch}
.team-cta-wrap{display:flex;flex-direction:column;gap:var(--space-3);max-width:520px}
.team-cta-buttons{display:flex;gap:var(--space-3);flex-wrap:wrap}
.team-note-wrap{max-width:640px;padding:var(--space-4);border:1px solid var(--color-border);background:var(--color-bg-alt)}

@media (max-width:1100px){
.team-method-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
.team-support-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
}

@media (max-width:768px){
.team-hero-grid,
.team-analyst-grid,
.team-tools-grid,
.team-why-grid,
.team-support-grid,
.team-method-grid{grid-template-columns:1fr}
}
