/* Team page styles - PremiumPickGo */

/* Hero */
.team-hero {
  padding-block: clamp(var(--space-8), 6vw, var(--space-12));
  background:
    radial-gradient(800px 300px at 120% -10%, rgba(224,26,58,0.08), transparent 60%),
    linear-gradient(180deg, rgba(255,255,255,0.02), rgba(255,255,255,0) 40%),
    var(--color-background);
}
.hero-inner { display: grid; grid-template-columns: 1.2fr 1fr; gap: var(--space-10); align-items: center; }
.hero-copy p { max-width: 60ch; }
.hero-cta { display: flex; gap: var(--space-4); margin-top: var(--space-6); flex-wrap: wrap; }
.hero-media { position: relative; }
.hero-media img { border-radius: var(--radius-lg); box-shadow: var(--shadow-lg); border: 1px solid var(--color-border); }
@media (max-width: 980px) { .hero-inner { grid-template-columns: 1fr; } .hero-media { order: -1; } }

/* Section header */
.section-header { margin-bottom: var(--space-6); }

/* Team grid */
.team-grid { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: var(--space-8); }
@media (max-width: 1200px) { .team-grid { grid-template-columns: repeat(3, minmax(0, 1fr)); } }
@media (max-width: 900px) { .team-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); } }
@media (max-width: 580px) { .team-grid { grid-template-columns: 1fr; } }

.team-card { display: flex; flex-direction: column; height: 100%; }
.team-photo { width: 100%; aspect-ratio: 7/8; object-fit: cover; margin-bottom: var(--space-5); }
.team-card .role { color: var(--color-text-muted); margin-top: -6px; }
.team-card .tags { display: flex; flex-wrap: wrap; gap: var(--space-3); margin-top: var(--space-4); }
.team-card footer { margin-top: auto; }

/* Goals */
.goals-grid { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: var(--space-6); }
@media (max-width: 980px) { .goals-grid { grid-template-columns: 1fr; } }

/* Process */
.process { margin-top: var(--space-6); }
.process-steps { display: grid; gap: var(--space-4); grid-template-columns: repeat(5, 1fr); padding-left: 0; list-style: none; }
.process-steps li { background: var(--color-elevated); border: 1px solid var(--color-border); padding: var(--space-5); border-radius: var(--radius-md); }
@media (max-width: 1100px) { .process-steps { grid-template-columns: 1fr; } }

/* Achievements */
.stats { display: grid; grid-template-columns: repeat(3, 1fr); gap: var(--space-6); margin-top: var(--space-4); }
.stat { text-align: center; }
.stat-value { font-family: var(--font-display); font-size: clamp(28px, 6vw, 56px); color: var(--color-silver); }
.stat-label { color: var(--color-text-muted); margin-top: var(--space-2); }
.milestones { margin-top: var(--space-6); }
.milestones li { margin-bottom: var(--space-3); }
@media (max-width: 900px) { .stats { grid-template-columns: 1fr; } }

/* Culture */
.culture-list { display: grid; gap: var(--space-3); grid-template-columns: 1fr 1fr; }
@media (max-width: 900px) { .culture-list { grid-template-columns: 1fr; } }

/* Structure */
.structure { display: grid; grid-template-columns: 1fr 1fr; gap: var(--space-6); }
.structure-box { padding: var(--space-6); }
.structure-box h3 { margin-bottom: var(--space-3); }
@media (max-width: 900px) { .structure { grid-template-columns: 1fr; } }

/* Communication */
.comm-grid { display: grid; grid-template-columns: 1fr 1fr; gap: var(--space-6); }
@media (max-width: 900px) { .comm-grid { grid-template-columns: 1fr; } }

/* Leaders */
.leaders { display: grid; grid-template-columns: 1fr 1fr; gap: var(--space-8); }
.leader-top { display: grid; grid-template-columns: 120px 1fr; gap: var(--space-5); align-items: center; }
.leader-photo { width: 100%; aspect-ratio: 1/1; object-fit: cover; border-radius: var(--radius-md); border: 1px solid var(--color-border); }
.leader-interview summary { cursor: pointer; margin-top: var(--space-4); color: var(--color-primary); }
.leader-qa { margin-top: var(--space-3); }
.leaders-cta { margin-top: var(--space-8); display: flex; gap: var(--space-4); flex-wrap: wrap; }
@media (max-width: 980px) { .leaders { grid-template-columns: 1fr; } .leader-top { grid-template-columns: 90px 1fr; } }

/* Fine-tuning */
#meet-the-team .card:hover .team-photo { filter: saturate(1.08) contrast(1.03); }

/* Accessibility helpers */
.leader-interview[open] summary { text-decoration: underline; text-decoration-thickness: 2px; text-underline-offset: 3px; }