/* About page */
.principles{display:grid;grid-template-columns:repeat(3,1fr);gap:0;border-top:1px solid var(--border)}
.principle{padding:40px 32px;border-bottom:1px solid var(--border);border-right:1px solid var(--border);position:relative}
.principle:nth-child(3n){border-right:none}
.principle:nth-last-child(-n+3){border-bottom:none}
.p-num{font-family:var(--font-mono);font-size:11px;letter-spacing:0.12em;color:var(--fg-dim);margin-bottom:20px;display:block}
.principle h3{font-family:var(--font-serif);font-weight:400;font-size:28px;letter-spacing:-0.02em;line-height:1.05;margin-bottom:14px}
.principle p{font-size:14.5px;line-height:1.6;color:var(--fg-muted);max-width:38ch}

.team-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:24px}
.member{display:flex;flex-direction:column;gap:16px}
.member-ph{aspect-ratio:4/5;width:100%;border-radius:16px;font-size:11px}
.member h3{font-family:var(--font-serif);font-weight:400;font-size:26px;letter-spacing:-0.02em}
.member .mono{font-size:11px;letter-spacing:0.12em;text-transform:uppercase;margin-top:-8px}

/* Capabilities grid (replaces team grid) */
.capabilities-photo{margin:0;border-radius:24px;overflow:hidden;border:1px solid var(--border);aspect-ratio:21/9;position:relative}
.capabilities-photo img{width:100%;height:100%;object-fit:cover;display:block;transition:transform 1.4s var(--ease)}
.capabilities-photo:hover img{transform:scale(1.03)}
.capabilities-photo figcaption{position:absolute;left:24px;bottom:24px;font-family:var(--font-mono);font-size:11px;letter-spacing:0.12em;text-transform:uppercase;color:#fff;background:rgba(20,16,10,0.55);padding:8px 14px;border-radius:999px;backdrop-filter:blur(6px)}

.cap-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:0;border-top:1px solid var(--border);margin-top:48px}
.cap{padding:40px 32px;border-bottom:1px solid var(--border);border-right:1px solid var(--border);position:relative;transition:background .3s var(--ease)}
.cap:nth-child(3n){border-right:none}
.cap:nth-last-child(-n+3){border-bottom:none}
.cap:hover{background:rgba(241,90,36,0.04)}
.cap-num{display:block;font-family:var(--font-serif);font-style:italic;font-size:48px;line-height:1;color:var(--accent);margin-bottom:18px;letter-spacing:-0.02em}
.cap h3{font-family:var(--font-serif);font-weight:400;font-size:28px;letter-spacing:-0.02em;line-height:1.05;margin-bottom:12px}
.cap p{font-size:14.5px;line-height:1.6;color:var(--fg-muted);max-width:38ch}

@media (max-width:900px){
  .principles{grid-template-columns:1fr}
  .principle{border-right:none}
  .principle:nth-last-child(-n+3){border-bottom:1px solid var(--border)}
  .principle:last-child{border-bottom:none}
  .team-grid{grid-template-columns:1fr 1fr}
  .cap-grid{grid-template-columns:1fr}
  .cap{border-right:none}
  .cap:nth-last-child(-n+3){border-bottom:1px solid var(--border)}
  .cap:last-child{border-bottom:none}
}