/* Studio page ── */

.manifesto-grid{display:grid;grid-template-columns:1fr 1fr;gap:80px;align-items:start;}
.pull-quote{font-family:var(--serif);font-size:clamp(1.5rem,2.5vw,2.2rem);font-style:italic;color:var(--sand);line-height:1.55;padding-left:24px;border-left:2px solid var(--orange);margin:36px 0;}
.values-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:2px;margin-top:80px;}
.value-card{text-align: center;text-decoration: none;padding:44px 32px;background:var(--ink-3);border-top:2px solid transparent;transition:border-color 0.3s,background 0.3s;}
.value-card:hover{border-top-color:var(--orange);background:#222;}
.value-n{font-family:var(--serif);font-size:0.97rem;letter-spacing:0.35em;color:var(--orange);display:block;margin-bottom:12px;}
.value-title{font-family:var(--serif);font-size:1.75rem;font-weight:400;color:var(--sand);margin-bottom:12px;}
.value-body{font-size:1.1rem;color:var(--bone);line-height:1.78;}
.vision-block{max-width:1200px;margin:0 auto;display:grid;grid-template-columns:1fr 1fr;gap:80px;align-items:center;}
.vision-stat{text-align:center;padding:48px 32px;border:1px solid #222;}
.stat-num{font-family:var(--serif);font-size:clamp(3rem,5vw,5rem);color:var(--sand);line-height:1;}
.stat-num em{font-style:normal;color:var(--orange);}
.stat-label{font-size:0.95rem;letter-spacing:0.38em;text-transform:uppercase;color:var(--bone);margin-top:10px;display:block;}
.stats-row{display:grid;grid-template-columns:repeat(3,1fr);gap:2px;}
.timeline{max-width:800px;margin:0 auto;}
.tl-item{display:grid;grid-template-columns:100px 1fr;gap:32px;padding:32px 0;border-bottom:1px solid var(--surface);}
.tl-item:first-child{border-top:1px solid var(--surface);}
.tl-year{font-family:var(--serif);font-size:1.35rem;color:var(--orange);padding-top:4px;}
.tl-title{font-family:var(--serif);font-size:1.45rem;font-weight:400;color:var(--sand);margin-bottom:8px;}
.tl-desc{font-size:1.1rem;color:var(--bone);line-height:1.75;}
.team-linkedin-link {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    font-size: 0.85rem;
    font-family: var(--sans);
    color: var(--muted-text);
    text-decoration: none;
    letter-spacing: 0.05em;
    margin-top: 8px;
    transition: color 0.2s;
}

.team-linkedin-link:hover {
    color: var(--orange);
}

img.team-avatar-sm {
  width: 150px;
  height: 150px;
  border-radius: 50%;
  object-fit: cover;
  border: 2px solid #3a3b40;
  margin-bottom: 12px;
  padding: 5px;
}
.team-grid-3 .team-next-card {
    grid-column: 1 / -1;
    width: 33.333%;
    margin: 0 auto;
}
/* Manifesto quote variant (single stat cell) */
.manifesto-quote-cell { margin-top: 2px; }
.manifesto-pull { font-size: clamp(1.6rem, 2.5vw, 2.2rem); font-style: italic; font-family: var(--serif); color: var(--sand); }

/* Values grid spacing */
.values-section .values-grid { margin-top: 56px; }

/* Team intro */
.team-intro-body { margin-top: 16px; max-width: 580px; }

/* Team grid 3-col override for team section */
.team-grid-3 { display: grid; grid-template-columns: repeat(3, 1fr); gap: 2px; margin-top: 56px; }

/* "Are you next?" slot card */
.team-next-card {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  text-align: center;
  background: var(--ink-2);
  border: 1px dashed var(--ink-3);
  text-decoration: none;
}
.team-next-icon { font-family: var(--serif); font-size: 2.05rem; color: #0a66c2; margin-bottom: 10px; }
.team-next-title { color: #383838; }
.team-next-cta { font-size: 0.87rem; letter-spacing: 0.35em; text-transform: uppercase; color: var(--orange); margin-top: 8px; display: block; }

/* Timeline spacing */
.studio-timeline { margin-top: 56px; }

/* CTA band */
.studio-cta { text-align: center; margin-top: 64px; }

.culture-inner {
    text-align: left;
}

.culture-eyebrow,
.culture-title,
.culture-body {
    text-align: left;
}

@media (max-width: 960px) {
  .manifesto-grid        { grid-template-columns: 1fr; gap: 40px; }
  .values-grid           { grid-template-columns: 1fr 1fr; gap: 2px; }
  .stats-row             { grid-template-columns: 1fr; gap: 2px; }
  .vision-block          { grid-template-columns: 1fr; gap: 40px; }
  .team-grid-3           { grid-template-columns: 1fr 1fr; gap: 2px; }
  .team-grid-3 .team-next-card { width: 100%;}
  .tl-item               { grid-template-columns: 60px 1fr; gap: 16px; }
}

@media (max-width: 480px) {
  .values-grid           { grid-template-columns: 1fr; }
  .team-grid-3           { grid-template-columns: 1fr; }
  .tl-item               { grid-template-columns: 1fr; gap: 4px; }
  .tl-year               { padding-top: 0; }
}