/* pages/studio.css — About / Approach / Team / Careers */
.values{display:flex;flex-wrap:wrap;gap:var(--space-2);margin-top:var(--space-2)}
.values li{font-family:var(--mono);font-size:12.5px;border:1px solid var(--soft-grey);border-radius:999px;padding:6px 13px;color:var(--mid-grey)}

/* approach steps */
.approach-steps{margin-top:64px;display:flex;flex-direction:column}
.approach-step{display:grid;grid-template-columns:96px 1fr;gap:var(--space-6);padding:var(--space-7) 0;border-top:1px solid var(--soft-grey);scroll-margin-top:160px}
.approach-step:first-child{border-top:0;padding-top:0}
.approach-step .n{font-family:var(--display);font-size:clamp(30px,4vw,56px);font-weight:600;color:var(--cobalt);line-height:1;letter-spacing:-.03em}
.approach-step h3{font-size:clamp(21px,2.4vw,28px);font-weight:600;letter-spacing:-.02em;margin-bottom:var(--space-3)}
.approach-step p{color:#3f3f3b;font-size:18px;line-height:1.6;max-width:60ch}
@media (max-width:768px){.approach-step{grid-template-columns:1fr;gap:var(--space-3)}}

/* Working With Us — engagement shapes (Content spec §2.4.3) */
.engage-table-wrap{overflow-x:auto;-webkit-overflow-scrolling:touch}
.engage-table{width:100%;min-width:720px;border-collapse:collapse;text-align:left}
.engage-table th,.engage-table td{padding:var(--space-5) var(--space-5) var(--space-5) 0;border-top:1px solid var(--soft-grey);vertical-align:top}
.engage-table thead th{border-top:0;padding-top:0;font-size:clamp(18px,2vw,24px);font-weight:600;letter-spacing:-.02em}
.engage-table tbody th{font-family:var(--mono);font-size:12.5px;font-weight:400;color:var(--mid-grey);width:140px;white-space:nowrap}
.engage-table td{color:#3f3f3b;font-size:16.5px;line-height:1.55}
.approach-out{margin-top:10px;font-family:var(--mono);font-size:13px;color:var(--mid-grey)}