/* Team page (/team). Shared look lives in /assets/data/data.css. */
.founder { display: grid; grid-template-columns: minmax(0, 5fr) minmax(0, 6fr); gap: clamp(32px, 5vw, 72px); align-items: center; }
.founder-ph { position: relative; border-radius: 20px; overflow: hidden; border: 1px solid var(--line); background: var(--bg-2); aspect-ratio: 1268 / 1241; }
.founder-ph img { display: block; width: 100%; height: 100%; object-fit: cover;
  -webkit-mask-image: linear-gradient(180deg, #000 72%, transparent); mask-image: linear-gradient(180deg, #000 72%, transparent); }
.founder-txt .eyebrow { margin-bottom: 14px; }
.founder blockquote { margin: 26px 0 0; padding: 0 0 0 20px; border-left: 1px solid var(--line-2); }
.founder blockquote p { margin: 0; font-size: clamp(18px, 1.7vw, 21px); line-height: 1.6; color: var(--fg-2); text-wrap: pretty; }
.founder-btns { justify-content: flex-start; margin-top: 32px; }

.mach { display: grid; grid-template-columns: repeat(3, 1fr); gap: 16px; }
.mcard { border: 1px solid var(--line); border-radius: 20px; overflow: hidden; background: var(--bg-2); transition: border-color .3s, transform .3s var(--ease); }
.mcard:hover { border-color: var(--line-2); transform: translateY(-2px); }
.mglyph { position: relative; height: 190px; overflow: hidden; background: linear-gradient(180deg, var(--sky-1), var(--sky-2) 50%, var(--bg-2)); }
.mglyph canvas { position: absolute; inset: 0; width: 100%; height: 100%; }
.mbody { padding: 22px 26px 28px; }
.mtag { font-family: var(--mono); font-size: 12px; letter-spacing: .14em; text-transform: uppercase; color: var(--fg-3); }
.mbody h3 { margin: 10px 0 0; font-size: 26px; font-weight: 400; letter-spacing: -.02em; }
.mroles { list-style: none; padding: 0; margin: 16px 0 0; display: flex; flex-wrap: wrap; gap: 8px; }
.mroles li { font-size: 13px; color: var(--fg-2); padding: 5px 10px; border: 1px solid var(--line-2); border-radius: 999px; }

.split3 { display: grid; grid-template-columns: repeat(3, 1fr); gap: clamp(20px, 3vw, 40px); }
.split3 > div { padding-top: 22px; border-top: 1px solid var(--line-2); }
.split3 .sn, .next .sn { font-family: var(--mono); font-size: 12px; letter-spacing: .14em; color: var(--fg-3); }
.split3 h3 { margin: 14px 0 0; font-size: 20px; font-weight: 400; letter-spacing: -.01em; }
.split3 p { margin: 10px 0 0; color: var(--fg-2); line-height: 1.6; }

@media (max-width: 900px) {
  .founder { grid-template-columns: 1fr; }
  .founder-ph { max-width: 520px; }
  .mach, .split3 { grid-template-columns: 1fr; }
}